

.banner_video{
    width: 100%;
    /* height: calc(100vh- 40px); */
}
.banner_video video{
    object-fit: fill;
}
.click_more{
    position: fixed;
    bottom: 11%;
    width: 200px;
    height: 48px;
    border-radius: 90px;
    border: 1px solid #FFF;
    background: #00B3B8;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    text-shadow: 0px 4px 8px rgba(0, 0, 0, 0.20);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    cursor: pointer;
    opacity: 0;
    transform: translateY(30px);
    animation: show  5s linear forwards;
    animation-delay: 3s;
    z-index: 100;
}

@keyframes show {
    to{
        opacity: 1;
        transform: translateY(0);
    }
}


h1, .heading-a {
    margin: 1rem 0 .75rem;
    font-size: 2.027rem;
    font-weight: 700;
    line-height: 1.3
}

h2, .heading-b {
    margin: 1rem 0 .75rem;
    font-size: 1.802rem;
    font-weight: 700;
    line-height: 1.3
}

h3, .heading-c {
    margin: 1rem 0 .75rem;
    font-size: 1.602rem;
    font-weight: 700;
    line-height: 1.3
}

h4, .heading-d {
    margin: 1rem 0 .75rem;
    font-size: 1.424rem;
    font-weight: 700;
    line-height: 1.3
}

h5, .heading-e {
    margin: 1rem 0 .75rem;
    font-size: 1.266rem;
    font-weight: 700;
    line-height: 1.3
}

h6, .heading-f {
    margin: 1rem 0 .75rem;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.3
}

dl {
    margin: 0 0 1.25rem
}

dl dd, dl dl {
    margin-bottom: .625rem;
    margin-left: 1.25rem
}

[dir=rtl] dl dd, [dir=rtl] dl dl {
    margin-right: 1.25rem
}



[dir=rtl] ol {
    margin-right: 2em;
    margin-left: 0
}

abbr[title] {
    text-decoration: none
}

code {
    margin: .5em 0
}

pre {
    margin: .5em 0;
    white-space: pre-wrap
}

details {
    line-height: 1.295rem
}

details summary {
    padding: .95em 1.45em
}

details summary:focus {
    outline: none
}


.leader {
    margin-top: 1.538rem
}

.leader-double {
    margin-top: 3.076rem
}

.leader-triple {
    margin-top: 4.614rem
}

.leader-quadruple {
    margin-top: 6.152rem
}

.trailer {
    margin-bottom: 1.538rem
}

.trailer-double {
    margin-bottom: 3.076rem
}

.trailer-triple {
    margin-bottom: 4.614rem
}

.trailer-quadruple {
    margin-bottom: 6.152rem
}



.layout-container {
    margin-right: 1em;
    margin-left: 1em
}

.layout-container:after {
    display: table;
    clear: both;
    content: ""
}


@media screen and (min-width: 60em) {
    .layout-container {
        margin-right: 3em;
        margin-left: 3em
    }

    .layout-row {
        margin-right: -1.5em;
        margin-left: -1.5em
    }

    .layout-column {
        float: left;
        box-sizing: border-box;
        padding-right: 1.5em;
        padding-left: 1.5em
    }

    [dir=rtl] .layout-column {
        float: right
    }

    .layout-column--half {
        width: 50%
    }

    .layout-column--quarter {
        width: 25%
    }

    .layout-column--three-quarter {
        width: 75%
    }
}

.region-breadcrumb {
    min-height: 1.25rem
}

.local-actions {
    margin: 1rem 0;
    padding: 0;
    list-style: none
}

[dir=rtl] .local-actions {
    margin-right: 0
}

.local-actions__item {
    display: inline-block;
    margin: 0 .25rem
}

.local-actions__item:first-child {
    margin-left: 0
}

[dir=rtl] .local-actions__item:first-child {
    margin-right: 0;
    margin-left: .25rem
}

.local-actions__item:last-child {
    margin-right: 0
}

[dir=rtl] .local-actions__item:last-child {
    margin-right: .25rem;
    margin-left: 0
}

[dir=rtl] .local-actions__item:only-child {
    margin-right: 0;
    margin-left: 0
}

.page-content {
    margin-top: 1.5rem;
    margin-bottom: 5rem
}

@media screen and (min-width: 38em) {
    .page-content {
        margin-top: 2rem
    }
}

.layout-icon__region {
    fill: #f5f5f2;
    stroke: #666
}

.admin-list {
    margin-top: 1em;
    margin-bottom: 2em;
    padding: 0
}

.admin-list--panel {
    margin: -1em -1.5em
}

.admin-item {
    padding: .75em 1.5em .75em 3em
}

[dir=rtl] .admin-item {
    padding-right: 3em;
    padding-left: 1.5em
}

.admin-item:not(:last-child) {
    border-bottom: .0625em solid #d3d4d9
}

.admin-item__title {
    font-weight: 700
}

.admin-item__link {
    position: relative;
    display: inline-block;
    margin-left: -1.5em;
    padding-left: 1.5em;
    text-decoration: none
}

[dir=rtl] .admin-item__link {
    margin-right: -1.5em;
    margin-left: 0;
    padding-right: 1.5em;
    padding-left: 0
}

.admin-item__link:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 1em;
    height: 1.5em;
    content: "";
    background: transparent no-repeat 50% 50%;
    background-image: url("data:image/svg+xml,%3csvg width='9' height='14' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.71.314L.29 1.723l5.302 5.353L.289 12.43l1.422 1.408 6.697-6.762z' fill='%23003ecc'/%3e%3c/svg%3e")
}

[dir=rtl] .admin-item__link:before {
    right: 0;
    left: auto;
    transform: scaleX(-1)
}

@media (forced-colors: active) {
    .admin-item__link:before {
        -webkit-mask-image: url("data:image/svg+xml,%3csvg width='9' height='14' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.71.314L.29 1.723l5.302 5.353L.289 12.43l1.422 1.408 6.697-6.762z' fill='%23003ecc'/%3e%3c/svg%3e");
        mask-image: url("data:image/svg+xml,%3csvg width='9' height='14' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.71.314L.29 1.723l5.302 5.353L.289 12.43l1.422 1.408 6.697-6.762z' fill='%23003ecc'/%3e%3c/svg%3e");
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center center;
        mask-position: center center;
        background-color: linktext;
        background-image: none
    }
}

.admin-item__description {
    margin: .5em 0 .25em;
    color: #55565b
}

[dir=rtl] .admin-item__description {
    margin-right: 0
}

.compact-link {
    margin: 0 0 .5em
}

small .admin-link:before {
    content: " ["
}

small .admin-link:after {
    content: "]"
}

.system-cron-settings__link {
    word-wrap: break-word
}

.modules-table-filter {
    padding: .25rem 1.5rem;
    border: 1px solid #d3d4d9;
    border-radius: 2px 2px 0 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1)
}

.modules-table-filter .form-item__description {
    position: absolute !important
}

.modules-table-filter .form-item__description {
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px;
    height: 1px;
    word-wrap: normal
}

.claro-details.claro-details--package-listing, .claro-details.module-list__module-details {
    margin-top: 2rem;
    margin-bottom: 0;
    border: none;
    box-shadow: none
}

.claro-details__wrapper.claro-details__wrapper--package-listing {
    margin: 0
}

.claro-details__summary.claro-details__summary--package-listing {
    color: #232429;
    border-radius: .25rem;
    background: #f3f4f9;
    font-size: 1.125rem;
    line-height: 1.424rem
}

.module-list {
    margin-top: 0
}

.module-list__module {
    color: #232429;
    border-bottom: 1px solid #d3d4d9;
    background: 0 0
}

.module-list__module:hover {
    background: 0 0
}

.module-list__module td {
    height: auto;
    padding: 1rem calc(1rem - 2px);
    vertical-align: top
}

@media screen and (min-width: 60em) {
    td.module-list__module {
        width: 25%
    }
}

.module-list__module-name {
    font-weight: 700
}

.module-list__checkbox {
    padding-left: .6875rem;
    text-align: left
}

[dir=rtl] .module-list__checkbox {
    padding-right: .6875rem;
    padding-left: calc(1rem - 2px);
    text-align: right
}

.module-list__checkbox .form-type--checkbox {
    margin: 0;
    line-height: 1.295rem
}

.module-list__checkbox .form-checkbox:not([disabled]) {
    cursor: pointer
}

td.module-list__checkbox {
    width: 4%
}

td.module-list__description {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0
}

.claro-details.module-list__module-details {
    margin: 0
}

.claro-details__summary.module-list__module-summary {
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-weight: 400;
    line-height: 1.295rem
}

.claro-details__summary.module-list__module-summary:before {
    top: 1.75rem
}

.module-details__description {
    font-size: .75rem;
    line-height: .9375rem
}

.claro-details__wrapper.module-details__wrapper {
    margin-top: 0;
    margin-bottom: 0
}

.module-details__requirements {
    margin-bottom: 1rem
}

.module-details__links {
    position: relative;
    margin-top: -.375rem;
    margin-bottom: 1rem
}

.module-details__links .action-link + .action-link {
    margin-left: 0
}

[dir=rtl] .module-details__links .action-link + .action-link {
    margin-right: 0
}

.claro-details .tableresponsive-toggle {
    padding: 1rem 1rem 1rem 0
}

.claro-details .tableresponsive-toggle:before {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 2rem;
    height: 1.25rem;
    content: "";
    cursor: pointer;
    vertical-align: text-top;
    background: url("data:image/svg+xml,%3csvg height='16' stroke='%23545560' stroke-width='2' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3 8h10M8 3v10'/%3e%3c/svg%3e") no-repeat center;
    background-size: contain
}

.claro-details .tableresponsive-toggle:hover {
    color: #0036b1;
    background-color: #f5f8ff
}

.claro-details .tableresponsive-toggle:hover:before {
    background-image: url("data:image/svg+xml,%3csvg height='16' stroke='%230036b1' stroke-width='2' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3 8h10M8 3v10'/%3e%3c/svg%3e")
}

.claro-details .tableresponsive-toggle-columns button {
    margin-top: .5rem;
    text-decoration: none;
    color: #55565b;
    font-weight: 700
}

.claro-details .admin-missing {
    color: #dc2323
}

.panel {
    margin-top: 1em;
    margin-bottom: 3em;
    padding: 0;
    border-bottom: .0625em solid #d3d4d9
}

.panel__title {
    margin: 0;
    padding: .66667em 1.33333em;
    background: #f3f4f9;
    font-size: 1.125em;
    line-height: 1.33333em
}

.panel__content, .panel__description {
    padding: 1em 1.5em
}

.system-status-report {
    position: relative;
    padding-top: 1rem
}

@media screen and (min-width: 38em) {
    .system-status-report {
        padding-top: 1.5rem
    }
}

.system-status-report__status-title {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: .625rem .375rem .625rem 2.5rem;
    vertical-align: top;
    background-color: transparent;
    font-weight: 400
}

[dir=rtl] .system-status-report__status-title {
    padding: .625rem 2.5rem .625rem .375rem
}

.system-status-report__status-icon:before {
    position: absolute;
    top: .75rem;
    left: .75rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background-repeat: no-repeat
}

[dir=rtl] .system-status-report__status-icon:before {
    right: .75rem;
    left: auto
}

.system-status-report__status-icon--error:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23dc2323'%3e%3cpath d='M8.002 1c-3.868 0-7.002 3.134-7.002 7s3.134 7 7.002 7c3.865 0 7-3.134 7-7s-3.135-7-7-7zm4.025 9.284c.062.063.1.149.1.239 0 .091-.037.177-.1.24l-1.262 1.262c-.064.062-.15.1-.24.1s-.176-.036-.24-.1l-2.283-2.283-2.286 2.283c-.064.062-.15.1-.24.1s-.176-.036-.24-.1l-1.261-1.262c-.063-.062-.1-.148-.1-.24 0-.088.036-.176.1-.238l2.283-2.285-2.283-2.284c-.063-.064-.1-.15-.1-.24s.036-.176.1-.24l1.262-1.262c.063-.063.149-.1.24-.1.089 0 .176.036.24.1l2.285 2.284 2.283-2.284c.064-.063.15-.1.24-.1s.176.036.24.1l1.262 1.262c.062.063.1.149.1.24 0 .089-.037.176-.1.24l-2.283 2.284 2.283 2.284z'/%3e%3c/svg%3e")
}

.system-status-report__status-icon--warning:before {
    background-image: url("data:image/svg+xml,%3csvg fill='%23e29700' height='16' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m14.66 12.316-5.316-10.633c-.738-1.476-1.946-1.476-2.685 0l-5.317 10.633c-.738 1.477.008 2.684 1.658 2.684h10.002c1.65 0 2.396-1.207 1.658-2.684zm-7.66-8.316h2.002v5h-2.002zm2.252 8.615c0 .344-.281.625-.625.625h-1.25c-.345 0-.626-.281-.626-.625v-1.239c0-.344.281-.625.626-.625h1.25c.344 0 .625.281.625.625z'/%3e%3c/svg%3e")
}

.system-status-report__entry__value {
    padding: 1em .5em
}

.cron-description__run-cron {
    display: block
}

.claro-details__wrapper.claro-details__wrapper--system-status-report {
    margin: 0
}

.system-status-report__row {
    display: flex;
    border-bottom: 1px solid #d3d4d9
}

.system-status-report__row:last-of-type {
    border-bottom: none
}

.node--unpublished {
    background-color: #fff4f4
}

.ui-widget {
    background: 0 0
}

.ui-widget-content {
    border: none
}

.ui-dialog {
    z-index: 1260
}

.ui-state-default, .ui-state-hover, .ui-state-focus, .ui-state-active {
    outline: 0
}

.ui-state-highlight {
    font-weight: 700
}

.ui-state-active, .ui-widget-content .ui-state-active {
    color: #840
}

.ui-state-error, .ui-widget-content .ui-state-error {
    color: #fff;
    border-color: #d52;
    background: #e63
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled {
    opacity: .35
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary {
    opacity: .7
}

.ui-icon {
    display: block;
    overflow: hidden;
    width: 1rem;
    height: 1rem;
    text-indent: -6249.9375rem;
    background-image: url(../../../../core/themes/claro/images/ui-icons-222222-256x240.png);
    background-repeat: no-repeat
}

.ui-widget-content .ui-icon, .ui-widget-header .ui-icon {
    background-image: url(../../../../core/themes/claro/images/ui-icons-222222-256x240.png)
}

.ui-state-default .ui-icon {
    background-image: url(../../../../core/themes/claro/images/ui-icons-888888-256x240.png)
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-state-highlight .ui-icon {
    background-image: url(../../../../core/themes/claro/images/ui-icons-454545-256x240.png)
}

.ui-state-active .ui-icon {
    background-image: url(../../../../core/themes/claro/images/ui-icons-800000-256x240.png)
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url(../../../../core/themes/claro/images/ui-icons-ffffff-256x240.png)
}

.ui-widget p .ui-icon {
    margin: 2px .1875rem 0 0
}

[dir=rtl] .ui-widget p .ui-icon {
    margin: 2px 0 0 .1875rem
}

.ui-icon-carat-1-ne {
    background-position: -16px 0
}

.ui-icon-carat-1-e {
    background-position: -32px 0
}

.ui-icon-carat-1-se {
    background-position: -48px 0
}

.ui-icon-carat-1-s {
    background-position: -64px 0
}

.ui-icon-carat-1-sw {
    background-position: -80px 0
}

.ui-icon-carat-1-w {
    background-position: -96px 0
}

.ui-icon-carat-1-nw {
    background-position: -112px 0
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-off {
    background-position: -96px -144px
}

.ui-icon-radio-on {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-first {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-icon-carat-1-n {
    background-position: 0 0
}

.ui-accordion {
    border: none
}

.ui-accordion .ui-accordion-header {
    text-transform: uppercase;
    border: solid 1px #ccc
}

.ui-accordion h3.ui-accordion-header, #block-system-main h3.ui-accordion-header {
    margin: .625rem 0;
    font-size: 1.1em
}

#block-system-main .ui-accordion h3.ui-state-active, .ui-accordion h3.ui-state-active {
    margin-bottom: 0
}

.ui-accordion .ui-accordion-header a {
    display: block
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border: solid 1px #ccc;
    border-top: 0
}

.ui-tabs {
    padding: 0
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .3125rem .625rem .25rem;
    border-bottom: solid 1px #ccc;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    line-height: 1.25rem
}

.ui-tabs .ui-tabs-nav li {
    margin: 0;
    padding: 0 1em 0 .625rem;
    list-style: none
}

[dir=rtl] .ui-tabs .ui-tabs-nav li {
    padding: 0 .625rem 0 1em
}

.ui-tabs .ui-tabs-nav li a {
    float: none;
    padding: 0 .625rem;
    border-radius: .625rem
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    color: #fff;
    background: #666;
    font-weight: 400
}

.ui-widget-overlay {
    z-index: 1259;
    opacity: .7;
    background: #232429
}

.ui-slider {
    border: solid 1px #ccc
}

.ui-slider .ui-slider-range {
    background: #e4e4e4
}

.ui-slider .ui-slider-handle {
    border: 1px solid #e4e4e4;
    border-right-color: #d2d2d2;
    border-bottom: 1px solid #b4b4b4;
    border-left-color: #d2d2d2;
    border-radius: .25rem;
    background-color: #e4e4e4
}

.ui-slider a.ui-state-active, .ui-slider .ui-slider-handle:active {
    color: #fff;
    border: solid 1px #555;
    background: #666
}

.ui-progressbar {
    height: 1.4em;
    background: #e4e4e4
}

.ui-progressbar .ui-progressbar-value {
    height: 1.5em;
    background: #003ecc url(https://www.aes.com/core/themes/misc/progress.gif)
}

.ui-autocomplete {
    color: #55565b;
    border: 1px solid rgba(216, 217, 224, .8);
    border-top: 0;
    border-radius: 0 0 .125rem .125rem;
    background: #fff;
    box-shadow: 0 .125rem .25rem rgba(34, 35, 48, .1)
}

.ui-autocomplete .ui-menu-item {
    list-style: none
}

.ui-autocomplete .ui-menu-item-wrapper {
    display: block;
    padding: .75rem .9375rem;
    color: inherit;
    background: inherit
}

.ui-autocomplete .ui-menu-item-wrapper:focus, .ui-autocomplete .ui-menu-item-wrapper:hover {
    text-decoration: none
}

.ui-autocomplete .ui-menu-item-wrapper.ui-state-active {
    margin: 0;
    color: #fff;
    background: #003ecc
}

.ui-autocomplete .ui-menu-item.ui-state-focus, .autocomplete .ui-menu-item.ui-state-hover {
    margin: 0;
    background: #003ecc
}

.ui-autocomplete .ui-state-focus a, .autocomplete .ui-state-hover a {
    color: #fff
}

.card-list {
    display: flex;
    flex-direction: column
}

.card-list--two-cols, .card-list--four-cols {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: flex-start
}

.card-list__item {
    box-sizing: border-box;
    margin-bottom: 1rem
}

.card-list--two-cols .card-list__item, .card-list--four-cols .card-list__item {
    flex-basis: 100%
}

@media screen and (min-width: 36.75rem) {
    .card-list--four-cols .card-list__item {
        flex-basis: calc(49.95% - .5rem);
        max-width: calc(49.95% - .5rem)
    }

    .card-list--four-cols .card-list__item {
        margin-right: 1rem
    }

    [dir=rtl] .card-list--four-cols .card-list__item {
        margin-right: 0;
        margin-left: 1rem
    }

    .card-list--four-cols .card-list__item:nth-child(even) {
        margin-right: 0
    }

    [dir=rtl] .card-list--four-cols .card-list__item:nth-child(even) {
        margin-right: 0;
        margin-left: 0
    }
}

@media screen and (max-width: 53.75rem) {
    .toolbar-tray-open.toolbar-vertical.toolbar-fixed .card-list--four-cols .card-list__item {
        flex-basis: 100%;
        max-width: 100%;
        margin-right: 0;
        margin-left: 0
    }
}

@media screen and (min-width: 70rem) {
    .card-list--four-cols .card-list__item {
        flex-basis: calc(33.3% - .66667rem);
        max-width: calc(33.3% - .66667rem)
    }

    .card-list--four-cols .card-list__item:nth-child(even) {
        margin-right: 1rem
    }

    [dir=rtl] .card-list--four-cols .card-list__item:nth-child(even) {
        margin-right: 0;
        margin-left: 1rem
    }

    .card-list--four-cols .card-list__item:nth-child(3n) {
        margin-right: 0
    }

    [dir=rtl] .card-list--four-cols .card-list__item:nth-child(3n) {
        margin-right: 0;
        margin-left: 0
    }
}

@media screen and (min-width: 85.375rem) {
    .card-list--two-cols .card-list__item {
        flex-basis: calc(49.95% - .5rem);
        max-width: calc(49.95% - .5rem);
        margin-right: 1rem
    }

    [dir=rtl] .card-list--two-cols .card-list__item {
        margin-right: 0;
        margin-left: 1rem
    }

    .card-list--two-cols .card-list__item:nth-child(even) {
        margin-right: 0
    }

    [dir=rtl] .card-list--two-cols .card-list__item:nth-child(even) {
        margin-right: 0;
        margin-left: 0
    }

    .card-list--four-cols .card-list__item {
        flex-basis: calc(24.975% - .75rem);
        max-width: calc(24.975% - .75rem)
    }

    .card-list--four-cols .card-list__item:nth-child(even) {
        margin-right: 1rem
    }

    [dir=rtl] .card-list--four-cols .card-list__item:nth-child(even) {
        margin-right: 0;
        margin-left: 1rem
    }

    .card-list--four-cols .card-list__item:nth-child(3n) {
        margin-right: 1rem
    }

    [dir=rtl] .card-list--four-cols .card-list__item:nth-child(3n) {
        margin-right: 0;
        margin-left: 1rem
    }

    .card-list--four-cols .card-list__item:nth-child(4n) {
        margin-right: 0
    }

    [dir=rtl] .card-list--four-cols .card-list__item:nth-child(4n) {
        margin-right: 0;
        margin-left: 0
    }
}

.card {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-items: flex-start;
    padding: 0;
    border: 1px solid rgba(212, 212, 218, .8);
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .1)
}

@media screen and (min-width: 36.75rem) {
    .card--horizontal {
        flex-direction: row
    }

    .toolbar-tray-open.toolbar-vertical.toolbar-fixed .card--horizontal {
        flex-direction: column
    }
}

@media screen and (min-width: 53.75rem) {
    .toolbar-tray-open.toolbar-vertical.toolbar-fixed .card--horizontal {
        flex-direction: row
    }
}

.card__image {
    overflow: hidden;
    border-radius: 1px 1px 0 0;
    line-height: 0
}

@media screen and (min-width: 36.75rem) {
    .card--horizontal .card__image {
        flex-basis: 35%;
        border-radius: 1px 0 0 1px
    }

    [dir=rtl] .card--horizontal .card__image {
        border-radius: 0 1px 1px 0
    }
}

@media screen and (max-width: 53.75rem) {
    .toolbar-tray-open.toolbar-vertical.toolbar-fixed .card--horizontal .card__image {
        flex-basis: auto
    }
}

@media screen and (min-width: 85.375rem) {
    .card--horizontal .card__image {
        flex-basis: 45%
    }
}

.card__content-wrapper {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 0;
    box-sizing: border-box;
    padding: 1.5rem
}

@media screen and (min-width: 36.75rem) {
    .card--horizontal .card__content-wrapper {
        flex-basis: 65%
    }

    .card--horizontal .card__image ~ .card__content-wrapper {
        padding-left: 1rem
    }

    [dir=rtl] .card--horizontal .card__image ~ .card__content-wrapper {
        padding-right: 1rem;
        padding-left: 1.5rem
    }
}

@media screen and (max-width: 53.75rem) {
    .toolbar-tray-open.toolbar-vertical.toolbar-fixed .card--horizontal .card__content-wrapper {
        flex-basis: auto
    }
}

@media screen and (min-width: 85.375rem) {
    .card--horizontal .card__content-wrapper {
        flex-basis: 55%
    }
}

.card__content {
    flex-grow: 1
}

.card__content-item {
    margin-top: 0;
    margin-bottom: 1rem
}

.card__content-item:last-child {
    margin-bottom: 0
}

.card__footer {
    flex-shrink: 0;
    order: 100;
    margin-top: 1.5rem
}

.card__footer .action-links, [dir=rtl] .card__footer .action-links {
    margin-top: 0;
    margin-bottom: 0;
    text-align: right
}

[dir=rtl] .card__footer .action-links {
    text-align: left
}

.container-inline label:after, .container-inline .label:after {
    content: ":"
}

.form-type-radios .container-inline label:after, .form-type-checkboxes .container-inline label:after {
    content: ""
}

.form-type-radios .container-inline .form-type-radio, .form-type-checkboxes .container-inline .form-type-checkbox {
    margin: 0 1em
}

.container-inline .form-actions, .container-inline.form-actions {
    margin-top: 0;
    margin-bottom: 0
}

.exposed-filters .filters {
    float: left;
    margin-right: 1em
}

[dir=rtl] .exposed-filters .filters {
    float: right;
    margin-right: 0;
    margin-left: 1em
}

.exposed-filters .form-item {
    margin: 0 0 .1em;
    padding: 0
}

.exposed-filters .form-item label {
    float: left;
    width: 10em;
    font-weight: 400
}

[dir=rtl] .exposed-filters .form-item label {
    float: right
}

.exposed-filters .form-select {
    width: 14em
}

.exposed-filters .current-filters {
    margin-bottom: 1em
}

.exposed-filters .current-filters .placeholder {
    font-weight: 700;
    font-style: normal
}

.exposed-filters .additional-filters {
    float: left;
    margin-right: 1em
}

[dir=rtl] .exposed-filters .additional-filters {
    float: right;
    margin-right: 0;
    margin-left: 1em
}

.field__label {
    font-weight: 700
}

.field--label-inline .field__label, .field--label-inline .field__items {
    float: left
}

.field--label-inline .field__label, .field--label-inline > .field__item, .field--label-inline .field__items {
    padding-right: .5em
}

[dir=rtl] .field--label-inline .field__label, [dir=rtl] .field--label-inline .field__items {
    padding-right: 0;
    padding-left: .5em
}

.field--label-inline .field__label:after {
    content: ":"
}

.icon-help {
    padding: 1px 0 1px 20px;
    background: url(../../../../core/misc/help.png) 0 50% no-repeat
}

[dir=rtl] .icon-help {
    padding: 1px 20px 1px 0;
    background-position: 100% 50%
}

.feed-icon {
    display: block;
    overflow: hidden;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    background: url(../../../../core/misc/feed.svg) no-repeat
}

.form--inline .form-item {
    float: left;
    margin-right: .5em
}

[dir=rtl] .form--inline .form-item {
    float: right;
    margin-right: 0;
    margin-left: .5em
}

[dir=rtl] .views-filterable-options-controls .form-item {
    margin-right: 2%
}

.form--inline .form-item-separator {
    margin-top: 2.3em;
    margin-right: 1em;
    margin-left: .5em
}

[dir=rtl] .form--inline .form-item-separator {
    margin-right: .5em;
    margin-left: 1em
}

.form--inline .form-actions {
    clear: left
}

[dir=rtl] .form--inline .form-actions {
    clear: right
}

.item-list .title {
    font-weight: 700
}

.item-list ul {
    margin: 0 0 .75em;
    padding: 0
}

.item-list li {
    margin: 0 0 .25em 1.5em;
    padding: 0
}

[dir=rtl] .item-list li {
    margin: 0 1.5em .25em 0
}

.item-list--comma-list {
    display: inline
}

.item-list--comma-list .item-list__comma-list, .item-list__comma-list li, [dir=rtl] .item-list--comma-list .item-list__comma-list, [dir=rtl] .item-list__comma-list li {
    margin: 0
}

button.link {
    margin: 0;
    padding: 0;
    cursor: pointer;
    border: 0;
    background: 0 0;
    font-size: 1em
}

label button.link {
    font-weight: 700
}

ul.inline, ul.links.inline {
    display: inline;
    padding-left: 0
}

[dir=rtl] ul.inline, [dir=rtl] ul.links.inline {
    padding-right: 0;
    padding-left: 15px
}

ul.inline li {
    display: inline;
    padding: 0 .5em;
    list-style-type: none
}

ul.links a.is-active {
    color: #000
}

ul.menu {
    margin-left: 1em;
    padding: 0;
    list-style: none outside;
    text-align: left
}

[dir=rtl] ul.menu {
    margin-right: 1em;
    margin-left: 0;
    text-align: right
}

.menu-item--expanded {
    list-style-type: circle;
    list-style-image: url(../../../../core/misc/menu-expanded.png)
}

.menu-item--collapsed {
    list-style-type: disc;
    list-style-image: url(../../../../core/misc/menu-collapsed.png)
}

[dir=rtl] .menu-item--collapsed {
    list-style-image: url(../../../../core/misc/menu-collapsed-rtl.png)
}

.menu-item {
    margin: 0;
    padding-top: .2em
}

ul.menu a.is-active {
    color: #000
}

.more-link {
    display: block;
    text-align: right
}

[dir=rtl] .more-link {
    text-align: left
}

th.is-active img {
    display: inline
}

td.is-active {
    background-color: #ddd
}

.form-textarea-wrapper textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    margin: 0
}

.ui-dialog--narrow {
    max-width: 500px
}

@media screen and (max-width: 600px) {
    .ui-dialog--narrow {
        min-width: 95%;
        max-width: 95%
    }
}

.accordion {
    color: #232429;
    border: 1px solid #dedfe4;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1)
}

.accordion__item {
    margin: 0 -1px;
    border-radius: 0
}

.accordion__item:first-child {
    margin-top: -1px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.accordion__item + .accordion__item {
    margin-top: -1px
}

.accordion__item:last-child {
    margin-bottom: -1px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px
}

.accordion__item .claro-details__summary .summary {
    display: block;
    color: #55565b;
    font-weight: 400
}

.action-links, [dir=rtl] .action-links {
    margin: 1.5rem 0;
    list-style: none
}

.action-links__item {
    display: inline-block
}

.action-links__item + .action-links__item > .action-link {
    margin-left: .75rem
}

[dir=rtl] .action-links__item + .action-links__item > .action-link {
    margin-right: .75rem;
    margin-left: 0
}

.action-links__item + .action-links__item > .action-link--small {
    margin-left: .5rem
}

[dir=rtl] .action-links__item + .action-links__item > .action-link--small {
    margin-right: .5rem;
    margin-left: 0
}

.action-link {
    display: inline-block;
    padding: .75rem 1rem;
    cursor: pointer;
    text-decoration: none;
    color: #55565b;
    border-radius: 2px;
    background-color: #fff;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
    -webkit-font-smoothing: antialiased
}

.no-touchevents .action-link--small {
    padding: .375rem .75rem;
    font-size: .889rem
}

.no-touchevents .action-link--extrasmall {
    padding: 0 .5rem;
    font-size: .889rem
}

.action-link + .action-link {
    margin-left: .75rem
}

[dir=rtl] .action-link + .action-link {
    margin-right: .75rem;
    margin-left: 0
}

.no-touchevents .action-link--small + .action-link--small, .no-touchevents .action-link--extrasmall + .action-link--extrasmall {
    margin-left: .5rem
}

[dir=rtl] .no-touchevents .action-link--small + .action-link--small, [dir=rtl] .no-touchevents .action-link--extrasmall + .action-link--extrasmall {
    margin-right: .5rem;
    margin-left: 0
}

.form-actions .action-link {
    margin-right: .75rem;
    margin-left: 0
}

[dir=rtl] .form-actions .action-link {
    margin-right: 0;
    margin-left: .75rem
}

.action-link:hover {
    text-decoration: none;
    color: #0036b1;
    background-color: #f5f8ff
}

.action-link:focus {
    position: relative;
    z-index: 1;
    text-decoration: none
}

.action-link:active {
    color: #002e9a;
    background-color: #e5edff
}

.action-link--danger {
    color: #dc2323
}

.action-link--danger:hover {
    color: #c61f1f;
    background-color: #fdf5f5
}

.action-link--danger:active {
    color: #b01c1c;
    background-color: #fceded
}

.action-link:before {
    position: relative;
    top: .125rem;
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: .5em;
    margin-left: -.25rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

[dir=rtl] .action-link:before {
    margin-right: -.25rem;
    margin-left: .5em
}

.no-touchevents .action-link--small:before, .no-touchevents .action-link--extrasmall:before {
    top: .0625rem;
    width: .75rem;
    height: .75rem
}

.no-touchevents .action-link--extrasmall:before {
    margin-right: .4em;
    margin-left: -.125rem
}

[dir=rtl].no-touchevents .action-link--extrasmall:before {
    margin-right: -.125rem;
    margin-left: .4em
}

.action-link--icon-show:before {
    content: "";
    background-image: url("data:image/svg+xml,%3csvg fill-rule='evenodd' height='16' fill='%23545560' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 3C4.364 3 1.258 5.073 0 8c1.258 2.927 4.364 5 8 5s6.742-2.073 8-5c-1.258-2.927-4.364-5-8-5zm0 8a3 3 0 100-6 3 3 0 000 6z'/%3e%3c/svg%3e")
}

.action-link--icon-show:hover:before {
    background-image: url("data:image/svg+xml,%3csvg fill-rule='evenodd' height='16' fill='%230036B1' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 3C4.364 3 1.258 5.073 0 8c1.258 2.927 4.364 5 8 5s6.742-2.073 8-5c-1.258-2.927-4.364-5-8-5zm0 8a3 3 0 100-6 3 3 0 000 6z'/%3e%3c/svg%3e")
}

.action-link--icon-show:active:before {
    background-image: url("data:image/svg+xml,%3csvg fill-rule='evenodd' height='16' fill='%23002E9A' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 3C4.364 3 1.258 5.073 0 8c1.258 2.927 4.364 5 8 5s6.742-2.073 8-5c-1.258-2.927-4.364-5-8-5zm0 8a3 3 0 100-6 3 3 0 000 6z'/%3e%3c/svg%3e")
}

.action-link--icon-show.action-link--danger:before {
    background-image: url("data:image/svg+xml,%3csvg fill-rule='evenodd' height='16' width='16' fill='%23D72222' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 3C4.364 3 1.258 5.073 0 8c1.258 2.927 4.364 5 8 5s6.742-2.073 8-5c-1.258-2.927-4.364-5-8-5zm0 8a3 3 0 100-6 3 3 0 000 6z'/%3e%3c/svg%3e")
}

.action-link--icon-show.action-link--danger:hover:before {
    background-image: url("data:image/svg+xml,%3csvg fill-rule='evenodd' height='16' fill='%23d72222' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 3C4.364 3 1.258 5.073 0 8c1.258 2.927 4.364 5 8 5s6.742-2.073 8-5c-1.258-2.927-4.364-5-8-5zm0 8a3 3 0 100-6 3 3 0 000 6z'/%3e%3c/svg%3e")
}

.action-link--icon-show.action-link--danger:active:before {
    background-image: url("data:image/svg+xml,%3csvg fill-rule='evenodd' height='16' fill='%23AB1B1B' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 3C4.364 3 1.258 5.073 0 8c1.258 2.927 4.364 5 8 5s6.742-2.073 8-5c-1.258-2.927-4.364-5-8-5zm0 8a3 3 0 100-6 3 3 0 000 6z'/%3e%3c/svg%3e")
}

@media screen and (-ms-high-contrast: active) {
    .action-link--icon-show.action-link--icon-show.action-link--icon-show:before {
        background-image: url("data:image/svg+xml,%3csvg fill-rule='evenodd' height='16' viewBox='0 0 16 16' fill='windowText' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m8 3c-3.6363601 0-6.7418187 2.0733333-8 5 1.2581813 2.926667 4.3636399 5 8 5 3.63636 0 6.741866-2.073333 8-5-1.258134-2.9266667-4.36364-5-8-5zm0 8c1.6568531 0 3-1.343147 3-3 0-1.6568534-1.3431469-3-3-3-1.6568535 0-3 1.3431466-3 3 0 1.656853 1.3431466 3 3 3z'/%3e%3c/svg%3e") !important
    }
}

@media (forced-colors: active) {
    .action-link--icon-show:before {
        background: linktext !important
    }

    .action-link--icon-show:before {
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-image: url("data:image/svg+xml,%3csvg fill-rule='evenodd' height='16' width='16' fill='%23D72222' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 3C4.364 3 1.258 5.073 0 8c1.258 2.927 4.364 5 8 5s6.742-2.073 8-5c-1.258-2.927-4.364-5-8-5zm0 8a3 3 0 100-6 3 3 0 000 6z'/%3e%3c/svg%3e");
        mask-image: url("data:image/svg+xml,%3csvg fill-rule='evenodd' height='16' width='16' fill='%23D72222' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 3C4.364 3 1.258 5.073 0 8c1.258 2.927 4.364 5 8 5s6.742-2.073 8-5c-1.258-2.927-4.364-5-8-5zm0 8a3 3 0 100-6 3 3 0 000 6z'/%3e%3c/svg%3e")
    }
}

.action-link--icon-hide:before {
    content: "";
    background-image: url("data:image/svg+xml,%3csvg fill-rule='evenodd' height='16' fill='%23545560' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2.01 1.696L2 1.707 14.072 13.78l-.696.697-2.078-2.078A9.232 9.232 0 018 13c-3.636 0-6.742-2.073-8-5 .647-1.505 1.783-2.784 3.228-3.672L1 2.1l.707-.707zM5 8c0-.546.146-1.058.4-1.5l4.1 4.1A3 3 0 015 8zM5.151 3.444l1.76 1.76a3 3 0 013.885 3.885l2.344 2.344C14.41 10.561 15.41 9.375 16 8c-1.258-2.927-4.364-5-8-5-.999 0-1.958.156-2.849.444z'/%3e%3c/svg%3e")
}

.action-link--icon-hide:hover:before {
    background-image: url("data:image/svg+xml,%3csvg fill-rule='evenodd' height='16' fill='%230036B1' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2.01 1.696L2 1.707 14.072 13.78l-.696.697-2.078-2.078A9.232 9.232 0 018 13c-3.636 0-6.742-2.073-8-5 .647-1.505 1.783-2.784 3.228-3.672L1 2.1l.707-.707zM5 8c0-.546.146-1.058.4-1.5l4.1 4.1A3 3 0 015 8zM5.151 3.444l1.76 1.76a3 3 0 013.885 3.885l2.344 2.344C14.41 10.561 15.41 9.375 16 8c-1.258-2.927-4.364-5-8-5-.999 0-1.958.156-2.849.444z'/%3e%3c/svg%3e")
}

.action-link--icon-hide:active:before {
    background-image: url("data:image/svg+xml,%3csvg fill-rule='evenodd' height='16' fill='%23002E9A' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2.01 1.696L2 1.707 14.072 13.78l-.696.697-2.078-2.078A9.232 9.232 0 018 13c-3.636 0-6.742-2.073-8-5 .647-1.505 1.783-2.784 3.228-3.672L1 2.1l.707-.707zM5 8c0-.546.146-1.058.4-1.5l4.1 4.1A3 3 0 015 8zM5.151 3.444l1.76 1.76a3 3 0 013.885 3.885l2.344 2.344C14.41 10.561 15.41 9.375 16 8c-1.258-2.927-4.364-5-8-5-.999 0-1.958.156-2.849.444z'/%3e%3c/svg%3e")
}

.action-link--icon-hide.action-link--danger:before {
    background-image: url("data:image/svg+xml,%3csvg fill-rule='evenodd' height='16' fill='%23D72222' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2.01 1.696L2 1.707 14.072 13.78l-.696.697-2.078-2.078A9.232 9.232 0 018 13c-3.636 0-6.742-2.073-8-5 .647-1.505 1.783-2.784 3.228-3.672L1 2.1l.707-.707zM5 8c0-.546.146-1.058.4-1.5l4.1 4.1A3 3 0 015 8zM5.151 3.444l1.76 1.76a3 3 0 013.885 3.885l2.344 2.344C14.41 10.561 15.41 9.375 16 8c-1.258-2.927-4.364-5-8-5-.999 0-1.958.156-2.849.444z'/%3e%3c/svg%3e")
}

.action-link--icon-hide.action-link--danger:hover:before {
    background-image: url("data:image/svg+xml,%3csvg fill-rule='evenodd' height='16' fill='%23C11F1F' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2.01 1.696L2 1.707 14.072 13.78l-.696.697-2.078-2.078A9.232 9.232 0 018 13c-3.636 0-6.742-2.073-8-5 .647-1.505 1.783-2.784 3.228-3.672L1 2.1l.707-.707zM5 8c0-.546.146-1.058.4-1.5l4.1 4.1A3 3 0 015 8zM5.151 3.444l1.76 1.76a3 3 0 013.885 3.885l2.344 2.344C14.41 10.561 15.41 9.375 16 8c-1.258-2.927-4.364-5-8-5-.999 0-1.958.156-2.849.444z'/%3e%3c/svg%3e")
}

.action-link--icon-hide.action-link--danger:active:before {
    background-image: url("data:image/svg+xml,%3csvg fill-rule='evenodd' height='16' fill='%23AB1B1B' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2.01 1.696L2 1.707 14.072 13.78l-.696.697-2.078-2.078A9.232 9.232 0 018 13c-3.636 0-6.742-2.073-8-5 .647-1.505 1.783-2.784 3.228-3.672L1 2.1l.707-.707zM5 8c0-.546.146-1.058.4-1.5l4.1 4.1A3 3 0 015 8zM5.151 3.444l1.76 1.76a3 3 0 013.885 3.885l2.344 2.344C14.41 10.561 15.41 9.375 16 8c-1.258-2.927-4.364-5-8-5-.999 0-1.958.156-2.849.444z'/%3e%3c/svg%3e")
}

@media screen and (-ms-high-contrast: active) {
    .action-link--icon-hide.action-link--icon-hide.action-link--icon-hide:before {
        background-image: url("data:image/svg+xml,%3csvg fill-rule='evenodd' height='16' viewBox='0 0 16 16' fill='windowText' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.0106399 1.6964404-.0106399.0106426 12.072 12.07205-.6964.696467-2.077627-2.077613c-1.015347.38784-2.1292399.602013-3.297973.602013-3.6363601 0-6.7418187-2.073333-8-5 .64703865-1.5050798 1.7826266-2.7844797 3.2277199-3.6722797l-2.2277199-2.2277203.7071066-.707096zm2.98936 6.3035598c0-.54608.1459066-1.0580666.4008533-1.4991333l4.0982932 4.0982801c-.4410666.25496-.9530666.400853-1.4991464.400853-1.6568535 0-3-1.343146-3-3z'/%3e%3cpath d='m5.1510932 3.4439603 1.75984 1.75984c.3376-.1315867.7048933-.2038 1.0890666-.2038 1.6568533-.0000003 3.0000002 1.3431466 3.0000002 2.9999997 0 .3841735-.07221.7514668-.2038 1.0890668l2.344093 2.3440932c1.269973-.871746 2.26864-2.0582932 2.859707-3.43316-1.258134-2.9266664-4.36364-5-8-5-.9987733 0-1.9575066.1564134-2.8489066.44396z'/%3e%3c/svg%3e")
    }
}

@media (forced-colors: active) {
    .action-link--icon-hide:before {
        background: linktext !important
    }

    .action-link--icon-hide:before {
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-image: url("data:image/svg+xml,%3csvg fill-rule='evenodd' height='16' fill='%23D72222' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2.01 1.696L2 1.707 14.072 13.78l-.696.697-2.078-2.078A9.232 9.232 0 018 13c-3.636 0-6.742-2.073-8-5 .647-1.505 1.783-2.784 3.228-3.672L1 2.1l.707-.707zM5 8c0-.546.146-1.058.4-1.5l4.1 4.1A3 3 0 015 8zM5.151 3.444l1.76 1.76a3 3 0 013.885 3.885l2.344 2.344C14.41 10.561 15.41 9.375 16 8c-1.258-2.927-4.364-5-8-5-.999 0-1.958.156-2.849.444z'/%3e%3c/svg%3e");
        mask-image: url("data:image/svg+xml,%3csvg fill-rule='evenodd' height='16' fill='%23D72222' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2.01 1.696L2 1.707 14.072 13.78l-.696.697-2.078-2.078A9.232 9.232 0 018 13c-3.636 0-6.742-2.073-8-5 .647-1.505 1.783-2.784 3.228-3.672L1 2.1l.707-.707zM5 8c0-.546.146-1.058.4-1.5l4.1 4.1A3 3 0 015 8zM5.151 3.444l1.76 1.76a3 3 0 013.885 3.885l2.344 2.344C14.41 10.561 15.41 9.375 16 8c-1.258-2.927-4.364-5-8-5-.999 0-1.958.156-2.849.444z'/%3e%3c/svg%3e")
    }
}

.action-link--icon-key:before {
    content: "";
    background-image: url("data:image/svg+xml,%3csvg width='15' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.727 6.714A4.239 4.239 0 008.9 5.896L3.001 0H0v2h1v1.618L1.378 4H3v1h1v1.622h1.622l.864.862L5.5 8.5l.992.99a4.227 4.227 0 001.223 3.234 4.264 4.264 0 006.012 0 4.253 4.253 0 000-6.01zm-.829 5.182a1.653 1.653 0 11-2.338-2.338 1.653 1.653 0 112.338 2.338z' fill='%23545560'/%3e%3c/svg%3e")
}

.action-link--icon-key:hover:before {
    background-image: url("data:image/svg+xml,%3csvg width='15' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.727 6.714A4.239 4.239 0 008.9 5.896L3.001 0H0v2h1v1.618L1.378 4H3v1h1v1.622h1.622l.864.862L5.5 8.5l.992.99a4.227 4.227 0 001.223 3.234 4.264 4.264 0 006.012 0 4.253 4.253 0 000-6.01zm-.829 5.182a1.653 1.653 0 11-2.338-2.338 1.653 1.653 0 112.338 2.338z' fill='%230036B1'/%3e%3c/svg%3e")
}

.action-link--icon-key:active:before {
    background-image: url("data:image/svg+xml,%3csvg width='15' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.727 6.714A4.239 4.239 0 008.9 5.896L3.001 0H0v2h1v1.618L1.378 4H3v1h1v1.622h1.622l.864.862L5.5 8.5l.992.99a4.227 4.227 0 001.223 3.234 4.264 4.264 0 006.012 0 4.253 4.253 0 000-6.01zm-.829 5.182a1.653 1.653 0 11-2.338-2.338 1.653 1.653 0 112.338 2.338z' fill='%23002E9A'/%3e%3c/svg%3e")
}

.action-link--icon-key.action-link--danger:before {
    background-image: url("data:image/svg+xml,%3csvg width='15' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.727 6.714A4.239 4.239 0 008.9 5.896L3.001 0H0v2h1v1.618L1.378 4H3v1h1v1.622h1.622l.864.862L5.5 8.5l.992.99a4.227 4.227 0 001.223 3.234 4.264 4.264 0 006.012 0 4.253 4.253 0 000-6.01zm-.829 5.182a1.653 1.653 0 11-2.338-2.338 1.653 1.653 0 112.338 2.338z' fill='%23d72222'/%3e%3c/svg%3e")
}

.action-link--icon-key.action-link--danger:hover:before {
    background-image: url("data:image/svg+xml,%3csvg width='15' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.727 6.714A4.239 4.239 0 008.9 5.896L3.001 0H0v2h1v1.618L1.378 4H3v1h1v1.622h1.622l.864.862L5.5 8.5l.992.99a4.227 4.227 0 001.223 3.234 4.264 4.264 0 006.012 0 4.253 4.253 0 000-6.01zm-.829 5.182a1.653 1.653 0 11-2.338-2.338 1.653 1.653 0 112.338 2.338z' fill='%23c11f1f'/%3e%3c/svg%3e")
}

.action-link--icon-key.action-link--danger:active:before {
    background-image: url("data:image/svg+xml,%3csvg width='15' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.727 6.714A4.239 4.239 0 008.9 5.896L3.001 0H0v2h1v1.618L1.378 4H3v1h1v1.622h1.622l.864.862L5.5 8.5l.992.99a4.227 4.227 0 001.223 3.234 4.264 4.264 0 006.012 0 4.253 4.253 0 000-6.01zm-.829 5.182a1.653 1.653 0 11-2.338-2.338 1.653 1.653 0 112.338 2.338z' fill='%23ab1b1b'/%3e%3c/svg%3e")
}

@media screen and (-ms-high-contrast: active) {
    .action-link--icon-key.action-link--icon-key.action-link--icon-key:before {
        background-image: url("data:image/svg+xml,%3csvg width='15' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.727 6.714A4.239 4.239 0 008.9 5.896L3.001 0H0v2h1v1.618L1.378 4H3v1h1v1.622h1.622l.864.862L5.5 8.5l.992.99a4.227 4.227 0 001.223 3.234 4.264 4.264 0 006.012 0 4.253 4.253 0 000-6.01zm-.829 5.182a1.653 1.653 0 11-2.338-2.338 1.653 1.653 0 112.338 2.338z' fill='windowText'/%3e%3c/svg%3e") !important
    }
}

@media (forced-colors: active) {
    .action-link--icon-key:before {
        background: linktext !important
    }

    .action-link--icon-key:before {
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-image: url("data:image/svg+xml,%3csvg width='15' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.727 6.714A4.239 4.239 0 008.9 5.896L3.001 0H0v2h1v1.618L1.378 4H3v1h1v1.622h1.622l.864.862L5.5 8.5l.992.99a4.227 4.227 0 001.223 3.234 4.264 4.264 0 006.012 0 4.253 4.253 0 000-6.01zm-.829 5.182a1.653 1.653 0 11-2.338-2.338 1.653 1.653 0 112.338 2.338z' fill='%23d72222'/%3e%3c/svg%3e");
        mask-image: url("data:image/svg+xml,%3csvg width='15' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.727 6.714A4.239 4.239 0 008.9 5.896L3.001 0H0v2h1v1.618L1.378 4H3v1h1v1.622h1.622l.864.862L5.5 8.5l.992.99a4.227 4.227 0 001.223 3.234 4.264 4.264 0 006.012 0 4.253 4.253 0 000-6.01zm-.829 5.182a1.653 1.653 0 11-2.338-2.338 1.653 1.653 0 112.338 2.338z' fill='%23d72222'/%3e%3c/svg%3e")
    }
}

.action-link--icon-questionmark:before {
    content: "";
    background-image: url("data:image/svg+xml,%3csvg width='15' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.002 0a7 7 0 100 14 7 7 0 000-14zm3 5c0 .551-.16 1.085-.477 1.586l-.158.22c-.07.093-.189.241-.361.393a9.67 9.67 0 01-.545.447l-.203.189-.141.129-.096.17L8 8.369v.63H5.999v-.704c.026-.396.078-.73.204-.999a2.83 2.83 0 01.439-.688l.225-.21-.01-.015.176-.14.137-.128c.186-.139.357-.277.516-.417l.148-.18A.948.948 0 008.002 5 1.001 1.001 0 006 5H4a3 3 0 016.002 0zm-1.75 6.619a.627.627 0 01-.625.625h-1.25a.627.627 0 01-.626-.625v-1.238c0-.344.281-.625.626-.625h1.25c.344 0 .625.281.625.625v1.238z' fill='%23545560'/%3e%3c/svg%3e")
}

.action-link--icon-questionmark:hover:before {
    background-image: url("data:image/svg+xml,%3csvg width='15' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.002 0a7 7 0 100 14 7 7 0 000-14zm3 5c0 .551-.16 1.085-.477 1.586l-.158.22c-.07.093-.189.241-.361.393a9.67 9.67 0 01-.545.447l-.203.189-.141.129-.096.17L8 8.369v.63H5.999v-.704c.026-.396.078-.73.204-.999a2.83 2.83 0 01.439-.688l.225-.21-.01-.015.176-.14.137-.128c.186-.139.357-.277.516-.417l.148-.18A.948.948 0 008.002 5 1.001 1.001 0 006 5H4a3 3 0 016.002 0zm-1.75 6.619a.627.627 0 01-.625.625h-1.25a.627.627 0 01-.626-.625v-1.238c0-.344.281-.625.626-.625h1.25c.344 0 .625.281.625.625v1.238z' fill='%230036B1'/%3e%3c/svg%3e")
}

.action-link--icon-questionmark:active:before {
    background-image: url("data:image/svg+xml,%3csvg width='15' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.002 0a7 7 0 100 14 7 7 0 000-14zm3 5c0 .551-.16 1.085-.477 1.586l-.158.22c-.07.093-.189.241-.361.393a9.67 9.67 0 01-.545.447l-.203.189-.141.129-.096.17L8 8.369v.63H5.999v-.704c.026-.396.078-.73.204-.999a2.83 2.83 0 01.439-.688l.225-.21-.01-.015.176-.14.137-.128c.186-.139.357-.277.516-.417l.148-.18A.948.948 0 008.002 5 1.001 1.001 0 006 5H4a3 3 0 016.002 0zm-1.75 6.619a.627.627 0 01-.625.625h-1.25a.627.627 0 01-.626-.625v-1.238c0-.344.281-.625.626-.625h1.25c.344 0 .625.281.625.625v1.238z' fill='%23002E9A'/%3e%3c/svg%3e")
}

.action-link--icon-questionmark.action-link--danger:before {
    background-image: url("data:image/svg+xml,%3csvg width='15' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.002 0a7 7 0 100 14 7 7 0 000-14zm3 5c0 .551-.16 1.085-.477 1.586l-.158.22c-.07.093-.189.241-.361.393a9.67 9.67 0 01-.545.447l-.203.189-.141.129-.096.17L8 8.369v.63H5.999v-.704c.026-.396.078-.73.204-.999a2.83 2.83 0 01.439-.688l.225-.21-.01-.015.176-.14.137-.128c.186-.139.357-.277.516-.417l.148-.18A.948.948 0 008.002 5 1.001 1.001 0 006 5H4a3 3 0 016.002 0zm-1.75 6.619a.627.627 0 01-.625.625h-1.25a.627.627 0 01-.626-.625v-1.238c0-.344.281-.625.626-.625h1.25c.344 0 .625.281.625.625v1.238z' fill='%23d72222'/%3e%3c/svg%3e")
}

.action-link--icon-questionmark.action-link--danger:hover:before {
    background-image: url("data:image/svg+xml,%3csvg width='15' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.002 0a7 7 0 100 14 7 7 0 000-14zm3 5c0 .551-.16 1.085-.477 1.586l-.158.22c-.07.093-.189.241-.361.393a9.67 9.67 0 01-.545.447l-.203.189-.141.129-.096.17L8 8.369v.63H5.999v-.704c.026-.396.078-.73.204-.999a2.83 2.83 0 01.439-.688l.225-.21-.01-.015.176-.14.137-.128c.186-.139.357-.277.516-.417l.148-.18A.948.948 0 008.002 5 1.001 1.001 0 006 5H4a3 3 0 016.002 0zm-1.75 6.619a.627.627 0 01-.625.625h-1.25a.627.627 0 01-.626-.625v-1.238c0-.344.281-.625.626-.625h1.25c.344 0 .625.281.625.625v1.238z' fill='%23c11f1f'/%3e%3c/svg%3e")
}

.action-link--icon-questionmark.action-link--danger:active:before {
    background-image: url("data:image/svg+xml,%3csvg width='15' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.002 0a7 7 0 100 14 7 7 0 000-14zm3 5c0 .551-.16 1.085-.477 1.586l-.158.22c-.07.093-.189.241-.361.393a9.67 9.67 0 01-.545.447l-.203.189-.141.129-.096.17L8 8.369v.63H5.999v-.704c.026-.396.078-.73.204-.999a2.83 2.83 0 01.439-.688l.225-.21-.01-.015.176-.14.137-.128c.186-.139.357-.277.516-.417l.148-.18A.948.948 0 008.002 5 1.001 1.001 0 006 5H4a3 3 0 016.002 0zm-1.75 6.619a.627.627 0 01-.625.625h-1.25a.627.627 0 01-.626-.625v-1.238c0-.344.281-.625.626-.625h1.25c.344 0 .625.281.625.625v1.238z' fill='%23ab1b1b'/%3e%3c/svg%3e")
}

@media screen and (-ms-high-contrast: active) {
    .action-link--icon-questionmark.action-link--icon-questionmark.action-link--icon-questionmark:before {
        background-image: url("data:image/svg+xml,%3csvg width='15' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.002 0a7 7 0 100 14 7 7 0 000-14zm3 5c0 .551-.16 1.085-.477 1.586l-.158.22c-.07.093-.189.241-.361.393a9.67 9.67 0 01-.545.447l-.203.189-.141.129-.096.17L8 8.369v.63H5.999v-.704c.026-.396.078-.73.204-.999a2.83 2.83 0 01.439-.688l.225-.21-.01-.015.176-.14.137-.128c.186-.139.357-.277.516-.417l.148-.18A.948.948 0 008.002 5 1.001 1.001 0 006 5H4a3 3 0 016.002 0zm-1.75 6.619a.627.627 0 01-.625.625h-1.25a.627.627 0 01-.626-.625v-1.238c0-.344.281-.625.626-.625h1.25c.344 0 .625.281.625.625v1.238z' fill='windowText'/%3e%3c/svg%3e") !important
    }
}

@media (forced-colors: active) {
    .action-link--icon-questionmark:before {
        background: linktext !important
    }

    .action-link--icon-questionmark:before {
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-image: url("data:image/svg+xml,%3csvg width='15' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.002 0a7 7 0 100 14 7 7 0 000-14zm3 5c0 .551-.16 1.085-.477 1.586l-.158.22c-.07.093-.189.241-.361.393a9.67 9.67 0 01-.545.447l-.203.189-.141.129-.096.17L8 8.369v.63H5.999v-.704c.026-.396.078-.73.204-.999a2.83 2.83 0 01.439-.688l.225-.21-.01-.015.176-.14.137-.128c.186-.139.357-.277.516-.417l.148-.18A.948.948 0 008.002 5 1.001 1.001 0 006 5H4a3 3 0 016.002 0zm-1.75 6.619a.627.627 0 01-.625.625h-1.25a.627.627 0 01-.626-.625v-1.238c0-.344.281-.625.626-.625h1.25c.344 0 .625.281.625.625v1.238z' fill='%23d72222'/%3e%3c/svg%3e");
        mask-image: url("data:image/svg+xml,%3csvg width='15' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.002 0a7 7 0 100 14 7 7 0 000-14zm3 5c0 .551-.16 1.085-.477 1.586l-.158.22c-.07.093-.189.241-.361.393a9.67 9.67 0 01-.545.447l-.203.189-.141.129-.096.17L8 8.369v.63H5.999v-.704c.026-.396.078-.73.204-.999a2.83 2.83 0 01.439-.688l.225-.21-.01-.015.176-.14.137-.128c.186-.139.357-.277.516-.417l.148-.18A.948.948 0 008.002 5 1.001 1.001 0 006 5H4a3 3 0 016.002 0zm-1.75 6.619a.627.627 0 01-.625.625h-1.25a.627.627 0 01-.626-.625v-1.238c0-.344.281-.625.626-.625h1.25c.344 0 .625.281.625.625v1.238z' fill='%23d72222'/%3e%3c/svg%3e")
    }
}

.content-header {
    overflow: hidden;
    margin-bottom: .75rem;
    padding: 1.5rem 0 0;
    background-color: #f3f4f9
}

.container-inline .form-radios label:after {
    content: ""
}

.container-inline .form-radios .form-type-radio {
    margin-right: 1em
}

[dir=rtl] .container-inline .form-radios .form-type-radio {
    margin-right: 0;
    margin-left: 1em
}

.container-inline div, .container-inline label {
    display: inline-block
}

.form-items-inline {
    margin-top: -.125em;
    margin-bottom: -.125em
}

.form-items-inline > .form-item {
    display: inline-block;
    margin-top: .125em;
    margin-bottom: .125em
}

.breadcrumb {
    padding: 0;
    color: #232429;
    font-size: .79rem
}

.breadcrumb__list, [dir=rtl] .breadcrumb__list {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.breadcrumb__item, .breadcrumb__link {
    display: inline;
    text-decoration: none;
    color: #232429;
    font-weight: 700
}

.breadcrumb__item + .breadcrumb__item:before {
    display: inline-block;
    padding: 0 .75rem;
    content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' height='8' width='5'%3e%3cpath fill='currentColor' d='M1.207.647L.5 1.354 3.146 4 .5 6.647l.707.707L4.561 4z'/%3e%3c/svg%3e")
}

[dir=rtl] .breadcrumb__item + .breadcrumb__item:before {
    transform: scaleX(-1)
}

@media (forced-colors: active) {
    .breadcrumb__item + .breadcrumb__item:before {
        width: .3125rem;
        height: .5rem;
        content: "";
        background-color: canvastext;
        -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' height='8' width='5'%3e%3cpath fill='currentColor' d='M1.207.647L.5 1.354 3.146 4 .5 6.647l.707.707L4.561 4z'/%3e%3c/svg%3e");
        mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' height='8' width='5'%3e%3cpath fill='currentColor' d='M1.207.647L.5 1.354 3.146 4 .5 6.647l.707.707L4.561 4z'/%3e%3c/svg%3e");
        -webkit-mask-size: contain;
        mask-size: contain;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center
    }
}

.breadcrumb__link:hover, .breadcrumb__link:focus {
    text-decoration: none
}

.button {
    border: 1px solid transparent !important
}

.button {
    display: inline-block;
    margin: 1rem .75rem 1rem 0;
    padding: calc(1rem - 1px) calc(1.5rem - 1px);
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    color: #232429;
    border-radius: 2px;
    background-color: #d3d4d9;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1rem;
    -webkit-appearance: none;
    appearance: none;
    -webkit-font-smoothing: antialiased
}

[dir=rtl] .button {
    margin: 1rem 0 1rem .75rem
}

.button:not(:focus) {
    box-shadow: 0 1px 2px rgba(0, 0, 0, .25)
}

.button:hover {
    text-decoration: none;
    background-color: #c1c2c7
}

.button:focus {
    text-decoration: none
}

.button:active {
    background-color: #adaeb3
}

.no-touchevents .button--small {
    margin: .75rem .5rem .75rem 0;
    padding: calc(.5rem - 1px) calc(1rem - 1px);
    font-size: .79rem
}

.no-touchevents .button--extrasmall {
    margin: .5rem .5rem .5rem 0;
    padding: calc(.25rem - 1px) calc(.75rem - 1px);
    font-size: .79rem
}

[dir=rtl].no-touchevents .button--small, [dir=rtl].no-touchevents .button--extrasmall {
    margin-right: 0;
    margin-left: .5rem
}

.button--action {
    margin: 0
}

.button--action:before {
    margin-left: -.25em;
    padding-right: .25em;
    content: "+";
    font-weight: 900
}

[dir=rtl] .button--action:before {
    margin-right: -.25em;
    margin-left: 0;
    padding-right: 0;
    padding-left: .25em
}

a.button:hover, a.button:active {
    color: #232429
}

.button--primary {
    color: #fff;
    background-color: #003ecc
}

.button--primary:hover {
    color: #fff;
    background-color: #0036b1
}

.button--primary:active {
    background-color: #002e9a
}

a.button--primary:hover, a.button--primary:active {
    color: #fff
}

.button--danger {
    color: #fff;
    background-color: #dc2323
}

.button--danger:hover {
    color: #fff;
    background-color: #c61f1f
}

.button--danger:active {
    background-color: #b01c1c
}

a.button--danger:hover, a.button--danger:active {
    color: #fff
}

.button:disabled, .button.is-disabled {
    color: #919297;
    background-color: #ebebed
}

.button--primary:disabled, .button--primary.is-disabled {
    color: #828388;
    background-color: #d3d4d9
}

.button.is-disabled {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

.link {
    display: inline;
    padding: 0;
    cursor: pointer;
    text-decoration: underline;
    border: 0;
    background: 0 0;
    -webkit-appearance: none;
    appearance: none
}

.claro-details {
    display: block;
    margin-top: 1rem;
    margin-bottom: 1rem;
    color: #232429;
    border: 1px solid #dedfe4;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1)
}

td .claro-details {
    width: min-content;
    min-width: 100%
}

.claro-details--accordion-item, .claro-details--vertical-tabs-item {
    margin-top: 0;
    margin-bottom: 0;
    border-radius: 0;
    box-shadow: none
}

.claro-details--accordion-item:first-of-type {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.claro-details--accordion-item:last-of-type {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px
}

.claro-details__summary {
    position: relative;
    box-sizing: border-box;
    padding: 1rem 1rem 1rem 2.25rem;
    list-style: none;
    cursor: pointer;
    transition: background-color .12s ease-in-out;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    color: #55565b;
    border-radius: 1px;
    background-color: transparent;
    line-height: 1rem
}

[dir=rtl] .claro-details__summary {
    padding-right: 2.25rem;
    padding-left: 1rem
}

.claro-details__summary--accordion, .claro-details__summary--accordion-item, .claro-details__summary--vertical-tabs-item {
    padding: 1.25rem 1.5rem 1.25rem 2.25rem;
    background: #fff;
    line-height: 1.5rem
}

[dir=rtl] .claro-details__summary--accordion, [dir=rtl] .claro-details__summary--accordion-item, [dir=rtl] .claro-details__summary--vertical-tabs-item {
    padding-right: 2.25rem;
    padding-left: 1.5rem
}

.claro-details__summary--accordion-item {
    border-radius: 0
}

.claro-details--accordion-item:first-child .claro-details__summary--accordion-item {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.claro-details--accordion-item:last-child .claro-details__summary--accordion-item {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px
}

.claro-details__summary::-webkit-details-marker {
    display: none
}

.claro-details__summary:before {
    position: absolute;
    top: 50%;
    left: .75rem;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    margin-top: -.5rem;
    content: "";
    transition: transform .12s ease-in 0s;
    transform: rotate(90deg);
    text-align: center;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cpath d='M5.21 1.314L3.79 2.723l5.302 5.353-5.303 5.354 1.422 1.408 6.697-6.762z' fill='%23545560'/%3e%3c/svg%3e");
    background-size: contain
}

[dir=rtl] .claro-details__summary:before {
    right: .75rem;
    left: auto;
    transform: rotate(-270deg)
}

@media (prefers-reduced-motion: reduce) {
    .claro-details__summary:before {
        transition: none
    }
}

@media (-ms-high-contrast: active),(forced-colors: active) {
    .claro-details__summary:before {
        width: .5625rem;
        height: .5625rem;
        transition: transform .12s ease-in 0s, margin .12s ease-in 0s;
        transform: rotate(135deg);
        border-top: .125rem solid;
        border-right: .125rem solid;
        background: 0 0
    }

    [dir=rtl] .claro-details__summary:before {
        transform: rotate(-225deg)
    }
}

@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance:none) {
        .claro-details__summary:before {
            transition: none
        }
    }
}

.claro-details__summary:after {
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    content: "";
    transition: opacity .2s ease-in-out;
    pointer-events: none;
    opacity: 0;
    border-radius: 2px;
    box-shadow: inset 0 0 0 3px #26a769
}

.claro-details > .claro-details__summary--accordion-item:after, .vertical-tabs__item > .claro-details__summary--vertical-tabs-item:after {
    border-radius: 0
}

.claro-details:first-child > .claro-details__summary--accordion-item:after, .vertical-tabs__item--first > .claro-details__summary--vertical-tabs-item:after {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.claro-details:last-child > .claro-details__summary--accordion-item:after, .vertical-tabs__item--last > .claro-details__summary--vertical-tabs-item:after {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px
}

.claro-details[open] > .claro-details__summary--accordion:after, .claro-details[open] > .claro-details__summary--accordion-item:after, .vertical-tabs__item--last[open] > .claro-details__summary--vertical-tabs-item:after {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.claro-details__summary:focus {
    box-shadow: none
}

[open] .claro-details__summary--accordion, [open] .claro-details__summary--accordion-item, [open] .claro-details__summary--vertical-tabs-item {
    color: #003ecc
}

.claro-details__summary:hover:before, .claro-details__summary:hover:focus:before, .claro-details[open] > .claro-details__summary:focus:before, .claro-details[open] > .claro-details__summary--accordion:before, .claro-details[open] > .claro-details__summary--accordion-item:before, .claro-details[open] > .claro-details__summary--vertical-tabs-item:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cpath d='M5.21 1.314L3.79 2.723l5.302 5.353-5.303 5.354 1.422 1.408 6.697-6.762z' fill='%230036B1'/%3e%3c/svg%3e")
}

.claro-details[open] > .claro-details__summary {
    border-radius: 1px 1px 0 0
}

.claro-details[open] > .claro-details__summary:before {
    transform: rotate(-90deg)
}

@media (-ms-high-contrast: active),(forced-colors: active) {
    .claro-details__summary:hover:before, .claro-details__summary:hover:focus:before {
        background: 0 0
    }

    .claro-details[open] > .claro-details__summary:before, [dir=rtl] .claro-details[open] > .claro-details__summary:before {
        margin-top: -.0625rem;
        margin-right: .125rem;
        transform: rotate(-45deg);
        background: 0 0
    }
}

.claro-details[open] > .claro-details__summary--accordion, .claro-details[open] > .claro-details__summary--accordion-item, .claro-details[open] > .claro-details__summary--vertical-tabs-item {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1)
}

.claro-details__summary:hover {
    color: #003ecc;
    background-color: #f5f8ff
}

[open] > .claro-details__summary--accordion:not(:focus):not(:active):after, [open] > .claro-details__summary--accordion-item:not(:focus):not(:active):after, .collapse-processed[open] > .claro-details__summary--accordion .details-title:not(:focus):after, .collapse-processed[open] > .claro-details__summary--accordion-item .details-title:not(:focus):after, [open] > .claro-details__summary--vertical-tabs-item:not(:focus):not(:active):after, .collapse-processed[open] > .claro-details__summary--vertical-tabs-item .details-title:not(:focus):after {
    opacity: 1;
    border: 3px solid #003ecc;
    border-width: 0 0 0 3px;
    box-shadow: none
}

[dir=rtl] [open] > .claro-details__summary--accordion:not(:focus):after, [dir=rtl] [open] > .claro-details__summary--accordion-item:not(:focus):after, [dir=rtl] .collapse-processed[open] > .claro-details__summary--accordion .details-title:not(:focus):after, [dir=rtl] .collapse-processed[open] > .claro-details__summary--accordion-item .details-title:not(:focus):after, [dir=rtl] [open] > .claro-details__summary--vertical-tabs-item:not(:focus):after, [dir=rtl] .collapse-processed[open] > .claro-details__summary--vertical-tabs-item .details-title:not(:focus):after {
    border-width: 0 3px 0 0
}

.claro-details__summary:focus:after, .claro-details__summary:active:after, .collapse-processed > .claro-details__summary .details-title:focus:after {
    opacity: 1
}

@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance:none) {
        .claro-details__summary:after {
            transition: none
        }
    }
}

.claro-details[open] > .claro-details__summary:focus {
    color: #003ecc
}

.claro-details__wrapper, .claro-details__content {
    margin: 1rem
}

.claro-details__wrapper--accordion, .claro-details__wrapper--accordion-item, .claro-details__wrapper--vertical-tabs-item {
    margin: 0
}

.claro-details__wrapper--accordion:before, .claro-details__wrapper--accordion:after, .claro-details__wrapper--accordion-item:before, .claro-details__wrapper--accordion-item:after, .claro-details__wrapper--vertical-tabs-item:before, .claro-details__wrapper--vertical-tabs-item:after {
    display: table;
    clear: both;
    content: ""
}

.claro-details__wrapper--accordion, .claro-details__wrapper--accordion-item, .claro-details__wrapper--vertical-tabs-item {
    border-top: 1px solid #dedfe4;
    background-color: rgba(243, 244, 249, .4)
}

@media screen and (min-width: 48em) {
    .claro-details__wrapper {
        margin: 1.5rem 2.25rem
    }

    .claro-details__wrapper--accordion, .claro-details__wrapper--accordion-item, .claro-details__wrapper--vertical-tabs-item {
        margin: 0
    }
}

@media screen and (min-width: 85em) {
    .js .claro-details__wrapper--vertical-tabs-item {
        margin: 0;
        border-top: 0;
        background-color: transparent
    }
}

.claro-details__content--accordion, .claro-details__content--accordion-item, .claro-details__content--vertical-tabs-item {
    margin: 1rem 1rem 1.5rem
}

@media screen and (min-width: 85em) {
    .vertical-tabs .claro-details__content--vertical-tabs-item {
        margin: 1.5rem
    }
}

.claro-details__description {
    margin-bottom: 1rem;
    color: #55565b;
    font-size: .79rem;
    line-height: 1.0625rem
}

.claro-details__description.is-disabled {
    color: #828388
}

.collapse-processed > .claro-details__summary {
    padding: 0
}

.collapse-processed > .claro-details__summary:after {
    content: none
}

.collapse-processed > .claro-details__summary .details-title {
    position: relative;
    display: block;
    padding: 1rem 1rem 1rem 2.25rem;
    text-decoration: none;
    color: inherit;
    border-radius: 1px
}

[dir=rtl] .collapse-processed > .claro-details__summary .details-title {
    padding-right: 2.25rem;
    padding-left: 1rem
}

.collapse-processed > .claro-details__summary--accordion .details-title, .collapse-processed > .claro-details__summary--accordion-item .details-title, .collapse-processed > .claro-details__summary--vertical-tabs-item .details-title {
    padding: 1.25rem 1.5rem 1.25rem 2.25rem
}

[dir=rtl] .collapse-processed > .claro-details__summary--accordion .details-title, [dir=rtl] .collapse-processed > .claro-details__summary--accordion-item .details-title, [dir=rtl] .collapse-processed > .claro-details__summary--vertical-tabs-item .details-title {
    padding-right: 2.25rem;
    padding-left: 1.5rem
}

.collapse-processed > .claro-details__summary .details-title:focus, .collapse-processed > .claro-details__summary .details-title:hover {
    z-index: 1;
    text-decoration: none;
    outline: none;
    box-shadow: none
}

.collapse-processed > .claro-details__summary .details-title:after {
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    content: "";
    transition: opacity .2s ease-in-out;
    pointer-events: none;
    opacity: 0;
    border: 3px solid #26a769;
    border-radius: 2px
}

.collapse-processed > .claro-details__summary .details-title:focus:after {
    opacity: 1
}

.collapse-processed > .claro-details__summary--accordion-item .details-title:after, .vertical-tabs__item > .claro-details__summary--vertical-tabs-item .details-title:after {
    border-radius: 0
}

.collapse-processed:first-child > .claro-details__summary--accordion-item .details-title:after, .vertical-tabs__item--first > .claro-details__summary--vertical-tabs-item .details-title:after {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.collapse-processed:last-child > .claro-details__summary--accordion-item .details-title:after, .vertical-tabs__item--last > .claro-details__summary--vertical-tabs-item .details-title:after {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px
}

.collapse-processed[open] > .claro-details__summary--accordion .details-title:after, .collapse-processed[open] > .claro-details__summary--accordion-item .details-title:after, .vertical-tabs__item[open] > .claro-details__summary--vertical-tabs-item .details-title:after {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.claro-details__summary-summary {
    display: block;
    color: #55565b;
    font-size: .889rem;
    font-weight: 400
}

@media (-ms-high-contrast: active),(forced-colors: active) {
    .collapse-processed[open] > .claro-details__summary--accordion .details-title:not(:focus):after, .collapse-processed[open] > .claro-details__summary--accordion-item .details-title:not(:focus):after, .collapse-processed[open] > .claro-details__summary--vertical-tabs-item .details-title:not(:focus):after {
        top: -1px;
        right: -1px;
        bottom: -1px;
        left: -1px
    }

    .collapse-processed > .claro-details__summary .details-title:after {
        top: -.3125rem;
        right: -.3125rem;
        bottom: -.3125rem;
        left: -.3125rem;
        border: 2px dotted
    }
}

.required-mark:after {
    display: inline-block;
    width: .4375rem;
    height: .4375rem;
    margin-right: .3em;
    margin-left: .3em;
    content: "";
    vertical-align: super;
    background-image: url("data:image/svg+xml,%3csvg height='16' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m0 7.562 1.114-3.438c2.565.906 4.43 1.688 5.59 2.35-.306-2.921-.467-4.93-.484-6.027h3.511c-.05 1.597-.234 3.6-.558 6.003 1.664-.838 3.566-1.613 5.714-2.325l1.113 3.437c-2.05.678-4.06 1.131-6.028 1.356.984.856 2.372 2.381 4.166 4.575l-2.906 2.059c-.935-1.274-2.041-3.009-3.316-5.206-1.194 2.275-2.244 4.013-3.147 5.206l-2.856-2.059c1.872-2.307 3.211-3.832 4.017-4.575-2.081-.402-4.058-.856-5.93-1.356' fill='%23e00'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: .4375rem .4375rem
}

.divider {
    height: 1px;
    background-color: rgba(142, 146, 156, .5)
}

.messages-list {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
    padding: 0;
    list-style: none
}

.field .messages-list, .form-wrapper .messages-list {
    margin-bottom: 0
}

.messages {
    overflow: auto;
    box-sizing: border-box;
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding: 1.5rem 1.5rem 2rem 1.1875rem;
    color: #fff;
    border-width: 0 0 0 5px;
    border-style: solid;
    border-color: #353641;
    border-radius: 2px;
    background-color: #353641
}

[dir=rtl] .messages {
    padding-right: 1.1875rem;
    padding-left: 1.5rem;
    border-right-width: 5px;
    border-left-width: 0
}

.messages--error {
    border-color: #e34f4f
}

.messages--status {
    border-color: #42a877
}

.messages--warning {
    border-color: #e0ac00
}

.messages__title {
    margin: 0 0 0 2.5rem;
    font-size: 1rem
}

[dir=rtl] .messages__title {
    margin-right: 2.5rem;
    margin-left: 0
}

.messages--error .messages__header {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 14 14'%3e%3cpath d='M3 11.193L11.45 3' stroke='%23e34f4f' stroke-width='2'/%3e%3ccircle cx='7' cy='7' r='6' fill='none' stroke='%23e34f4f' stroke-width='2'/%3e%3c/svg%3e") no-repeat center left
}

[dir=rtl] .messages--error .messages__header {
    background-position: center right
}

.messages--status .messages__header {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 13'%3e%3cpath d='M2 6.571L5.6 10 14 2' fill='none' stroke='%2342a877' stroke-width='3'/%3e%3c/svg%3e") no-repeat center left
}

[dir=rtl] .messages--status .messages__header {
    background-position: center right
}

.messages--warning .messages__header {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 4 14' fill='%23e0ac00'%3e%3cpath d='M.5 0h3v9h-3z'/%3e%3ccircle cx='2' cy='12.5' r='1.5'/%3e%3c/svg%3e") no-repeat center left
}

[dir=rtl] .messages--warning .messages__header {
    background-position: center right
}

.messages__header {
    display: flex;
    align-items: center;
    margin-bottom: 1rem
}

@media screen and (min-width: 48rem) {
    .messages__content {
        margin-left: 2.5rem
    }

    [dir=rtl] .messages__content {
        margin-right: 2.5rem;
        margin-left: 0
    }
}

.messages a {
    text-decoration: underline;
    color: #ffd23f
}

.messages a:hover {
    color: #fff
}

.messages pre {
    margin: 0
}

.messages__list {
    margin: 0;
    padding: 0;
    list-style: none
}

.messages__item + .messages__item {
    margin-top: .75rem
}

@media screen and (-ms-high-contrast: active) {
    .messages {
        border-width: 1px 1px 1px 5px
    }

    [dir=rtl] .messages {
        border-right-width: 5px;
        border-left-width: 1px
    }

    .messages__header {
        filter: grayscale(1) brightness(1.5) contrast(10)
    }
}

.entity-meta__header {
    padding: .5rem 1rem 1rem;
    color: #232429;
    border: 1px solid #dedfe4;
    border-radius: 2px;
    background-color: #fff
}

@media screen and (min-width: 48em) {
    .entity-meta__header {
        padding: 1rem 1.5rem 1.5rem
    }
}

.entity-meta__header .form-item {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.entity-meta__title {
    margin: .25em 0;
    text-shadow: 0 1px 0 #fff;
    font-size: 1.231em;
    font-weight: 700
}

.entity-meta__revision {
    margin-top: 1.5rem
}

.entity-meta__header .form-type--item .form-item__label {
    display: inline-block;
    margin: 0;
    font-size: 1rem
}

.entity-meta__header .form-type--item .form-item__label:after {
    content: ":"
}

.fieldset {
    min-width: 0;
    margin: 1rem 0;
    padding: 0;
    color: #232429;
    border: 1px solid #dedfe4;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1)
}

.fieldset--group {
    color: inherit;
    border: 0;
    border-radius: 0;
    background: 0 0;
    box-shadow: none
}

_:-ms-fullscreen, .fieldset {
    display: table;
    box-sizing: border-box;
    width: 100%
}

.fieldset__legend {
    display: contents;
    float: left;
    width: 100%;
    margin-bottom: 1rem;
    color: #55565b;
    font-weight: 700
}

@media screen and (min-width: 48em) {
    .fieldset__legend {
        margin-bottom: 1.5rem
    }
}

.fieldset__legend--composite {
    float: none;
    width: auto;
    margin-top: 0;
    margin-bottom: .25rem;
    color: inherit;
    font-size: .889rem;
    line-height: 1.125rem
}

.fieldset__legend--group {
    text-transform: uppercase;
    color: inherit
}

.fieldset__label {
    display: block;
    padding: 1rem;
    line-height: 1rem
}

@media screen and (min-width: 48em) {
    .fieldset__label {
        padding-right: 1.5rem;
        padding-left: 1.5rem
    }
}

.fieldset__label--group {
    padding: 0;
    line-height: inherit
}

.fieldset__label.is-disabled {
    color: #828388
}

.fieldset__label.has-error {
    color: #dc2323
}

.fieldset__description {
    margin-top: .375rem;
    margin-bottom: .375rem;
    color: #55565b;
    font-size: .79rem;
    line-height: 1.0625rem
}

.fieldset__description.is-disabled {
    color: #828388
}

.fieldset__error-message {
    margin-top: .375rem;
    margin-bottom: .375rem;
    color: #dc2323;
    font-size: .79rem;
    font-weight: 400;
    line-height: 1.0625rem
}

.fieldset__wrapper {
    margin: 1rem
}

@media screen and (min-width: 48em) {
    .fieldset__wrapper {
        margin: 1.5rem 1.5rem 1.75rem
    }
}

.fieldset__legend--visible ~ .fieldset__wrapper {
    margin-top: 0
}

.fieldset__wrapper--group {
    margin: 0
}

.fieldset__wrapper > .container-inline {
    padding: 0
}

:-ms-input-placeholder {
    opacity: 1;
    color: #75767b
}

::placeholder {
    opacity: 1;
    color: #75767b
}

:-ms-input-placeholder {
    color: #75767b !important
}

.form-item {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

tr .form-item, .container-inline .form-item {
    margin-top: .75rem;
    margin-bottom: .75rem
}

.form-item__label {
    display: table;
    margin-top: .25rem;
    margin-bottom: .25rem;
    font-size: .889rem;
    font-weight: 700;
    line-height: 1.125rem
}

.form-item__label--multiple-value-form {
    margin-top: 0;
    margin-bottom: 0;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit
}

.form-item__label[for] {
    cursor: pointer
}

.form-item__label.option {
    display: inline;
    font-weight: 400
}

.form-item__label.has-error {
    color: #dc2323
}

.form-item__label.option.has-error {
    color: inherit
}

.form-item__label.is-disabled {
    cursor: default;
    color: #828388
}

.form-item__label.form-required:after, .fieldset__label.form-required:after {
    display: inline-block;
    margin-right: .15em;
    margin-left: .15em;
    content: "*";
    color: #dc2323;
    font-size: .875rem
}

.form-item__description {
    margin-top: .375rem;
    margin-bottom: .375rem;
    color: #55565b;
    font-size: .79rem;
    line-height: 1.0625rem
}

.form-item__description.is-disabled {
    color: #828388
}

.form-item__error-message {
    margin-top: .375rem;
    margin-bottom: .375rem;
    color: #dc2323;
    font-size: .79rem;
    font-weight: 400;
    line-height: 1.0625rem
}

.form-item__prefix.is-disabled, .form-item__suffix.is-disabled {
    color: #828388
}

@media screen and (min-width: 37.5625rem) {
    .form-item__suffix {
        margin-left: .5rem
    }

    [dir=rtl] .form-item__suffix {
        margin-right: .5rem;
        margin-left: 0
    }
}

.form-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-top: 1rem;
    margin-bottom: 1rem
}

.form-actions .button, .form-actions .action-link {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.form-actions .ajax-progress--throbber {
    -ms-grid-row-align: center;
    align-self: center
}

.confirm-parent, .password-parent {
    overflow: visible;
    width: auto
}

.form-item-options-group-info-identifier, .form-item-pass .description {
    clear: both
}

.form-item--editor-format {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    max-width: 100%
}

.form-item--editor-format .form-item__label, .form-item--editor-format .form-item__prefix, .form-item--editor-format .form-item__suffix, .form-item--editor-format .form-element--editor-format {
    min-width: 1px
}

.form-item--editor-format .form-item__label, .form-item--editor-format .form-item__prefix, .form-item--editor-format .form-item__suffix {
    margin-right: .5rem
}

[dir=rtl] .form-item--editor-format .form-item__label, [dir=rtl] .form-item--editor-format .form-item__prefix, [dir=rtl] .form-item--editor-format .form-item__suffix {
    margin-right: 0;
    margin-left: .5rem
}

.form-item--editor-format .form-item__description, .form-item--editor-format .form-item__error-message {
    flex: 0 1 100%;
    min-width: 1px
}

@media screen and (max-width: 37.5rem) {
    .password-strength {
        width: 100%
    }

    div.form-item div.password-suggestions {
        float: none
    }
}

button {
    line-height: 1.125rem
}

input, optgroup {
    line-height: 1.5rem
}

::-webkit-file-upload-button {
    -webkit-appearance: push-button
}

.form-type--boolean {
    margin-left: 1.6875rem;
    line-height: 1.5rem
}

[dir=rtl] .form-type--boolean {
    margin-right: 1.6875rem;
    margin-left: 0
}

.form-type--boolean .form-boolean {
    position: relative;
    top: .75rem;
    float: left;
    margin-left: -1.6875rem;
    transform: translateY(-50%)
}

[dir=rtl] .form-type--boolean .form-boolean {
    float: right;
    margin-right: -1.6875rem;
    margin-left: 0
}

.form-type--boolean.form-item--no-label {
    margin-left: 0
}

[dir=rtl] .form-type--boolean.form-item--no-label {
    margin-right: 0
}

.form-type--boolean.form-item--no-label .form-boolean, [dir=rtl] .form-type--boolean.form-item--no-label .form-boolean {
    position: static;
    float: none;
    margin-right: 0;
    margin-left: 0;
    transform: none
}

.form-boolean-group .form-type--boolean {
    margin-top: .4em;
    margin-bottom: .4em
}

.form-boolean {
    display: inline-block;
    box-sizing: border-box;
    width: 1.125rem;
    height: 1.125rem;
    vertical-align: text-bottom;
    border: 1px solid #919297;
    border-radius: 2px;
    background: #fff no-repeat 50% 50%;
    background-size: 100% 100%;
    box-shadow: 0 0 0 4px transparent;
    -webkit-appearance: none;
    appearance: none
}

@media (-ms-high-contrast: active),(forced-colors: active) {
    .form-boolean {
        -webkit-appearance: auto;
        appearance: auto
    }
}

.form-boolean--type-radio {
    width: 1.1875rem;
    height: 1.1875rem;
    border-radius: 1.1875rem
}

.form-boolean:active, .form-boolean:hover {
    border-color: #232429;
    box-shadow: inset 0 0 0 1px #232429
}

.form-boolean:focus:active, .form-boolean:focus:hover {
    box-shadow: 0 0 0 2px #fff, 0 0 0 5px #26a769, inset 0 0 0 1px #232429
}

.form-boolean--type-checkbox:checked {
    border-color: #003ecc;
    background-color: #003ecc;
    background-image: url("data:image/svg+xml,%3csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3.795 7.096l2.387 2.506 6.023-6.327 1.484 1.56-7.507 7.89L2.31 8.656z' fill='%23fff'/%3e%3c/svg%3e")
}

.form-boolean--type-checkbox:checked:active, .form-boolean--type-checkbox:checked:hover {
    border-color: #232429;
    background-color: #232429
}

.form-boolean--type-radio:checked {
    border-color: #003ecc;
    background-image: url("data:image/svg+xml,%3csvg width='17' height='17' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle r='4.5' cx='8.5' cy='8.5' fill='%23003ecc'/%3e%3c/svg%3e");
    box-shadow: inset 0 0 0 1px #003ecc
}

.form-boolean--type-radio:checked:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 5px #26a769, inset 0 0 0 1px #003ecc
}

.form-boolean--type-radio:checked:active, .form-boolean--type-radio:checked:hover {
    border-color: #232429;
    background-image: url("data:image/svg+xml,%3csvg width='17' height='17' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle r='4.5' cx='8.5' cy='8.5' fill='%23000f33'/%3e%3c/svg%3e");
    box-shadow: inset 0 0 0 1px #232429
}

.form-boolean--type-radio:checked:focus:active, .form-boolean--type-radio:checked:focus:hover {
    box-shadow: 0 0 0 2px #fff, 0 0 0 5px #26a769, inset 0 0 0 1px #232429
}

.form-boolean.error {
    border-color: #dc2323;
    background-color: #fff;
    box-shadow: inset 0 0 0 1px #dc2323
}

.form-boolean.error:active, .form-boolean.error:hover {
    box-shadow: inset 0 0 0 1px #dc2323
}

.form-boolean.error:focus, .form-boolean.error:focus:active, .form-boolean.error:focus:hover {
    box-shadow: 0 0 0 2px #fff, 0 0 0 5px #26a769, inset 0 0 0 1px #dc2323
}

.form-boolean.error:checked:active, .form-boolean.error:checked:hover {
    border-color: #dc2323;
    background-color: #fff
}

.form-boolean--type-checkbox.error:checked, .form-boolean--type-checkbox.error:checked:active, .form-boolean--type-checkbox.error:checked:hover {
    background-color: #dc2323
}

.form-boolean--type-radio.error:checked, .form-boolean--type-radio.error:checked:active, .form-boolean--type-radio.error:checked:hover {
    background-image: url("data:image/svg+xml,%3csvg width='17' height='17' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle r='4.5' cx='8.5' cy='8.5' fill='%23d72222'/%3e%3c/svg%3e")
}

.form-boolean--type-radio.error:checked:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 5px #26a769, inset 0 0 0 1px #dc2323
}

.form-boolean[disabled], .form-boolean[disabled]:hover, .form-boolean[disabled].error, .form-boolean[disabled].error:hover, .form-boolean--type-radio[disabled]:focus:active, .form-boolean--type-radio[disabled]:active:hover, .form-boolean--type-radio[disabled].error:active:hover {
    border-color: #bababf;
    background-color: #f2f2f3;
    background-image: none;
    box-shadow: none
}

.form-boolean--type-checkbox[disabled]:checked {
    background-image: url("data:image/svg+xml,%3csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3.795 7.096l2.387 2.506 6.023-6.327 1.484 1.56-7.507 7.89L2.31 8.656z' fill='%2382828c'/%3e%3c/svg%3e")
}

.form-boolean--type-radio[disabled]:checked, .form-boolean--type-radio[disabled].error:checked {
    background-image: url("data:image/svg+xml,%3csvg width='17' height='17' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle r='4.5' cx='8.5' cy='8.5' fill='%2382828c'/%3e%3c/svg%3e")
}

.form-boolean::-ms-check {
    display: inline-block;
    box-sizing: border-box;
    width: 1.125rem;
    height: 1.125rem;
    vertical-align: text-bottom;
    color: transparent;
    border: 1px solid #919297;
    border-radius: 2px;
    background: #fff no-repeat 50% 50%;
    background-image: url("data:image/svg+xml,%3csvg width='12' height='10' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.182 6.966L1.977 4.649l-.182-.19-.18.19-.796.835-.164.173.164.172L4 9.172l.18.19.182-.19 6.818-7.164.164-.172-.164-.173-.795-.835-.181-.19-.182.19-5.841 6.138z' fill='%23FFF'/%3e%3c/svg%3e");
    background-size: 100% 100%;
    box-shadow: 0 0 0 4px transparent
}

.form-boolean--type-radio::-ms-check {
    width: 1.1875rem;
    height: 1.1875rem;
    border-radius: 1.1875rem
}

.form-boolean:focus::-ms-check {
    color: transparent
}

.form-boolean:active::-ms-check, .form-boolean:hover::-ms-check {
    border-color: #232429;
    box-shadow: inset 0 0 0 1px #232429
}

.form-boolean:focus:active::-ms-check, .form-boolean:focus:hover::-ms-check {
    box-shadow: 0 0 0 2px #fff, 0 0 0 5px #26a769, inset 0 0 0 1px #232429
}

.form-boolean--type-checkbox:checked::-ms-check {
    color: transparent;
    border-color: #003ecc;
    background-color: #003ecc;
    background-image: url("data:image/svg+xml,%3csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3.795 7.096l2.387 2.506 6.023-6.327 1.484 1.56-7.507 7.89L2.31 8.656z' fill='%23fff'/%3e%3c/svg%3e")
}

.form-boolean--type-checkbox:checked:active::-ms-check, .form-boolean--type-checkbox:checked:hover::-ms-check {
    border-color: #232429;
    background-color: #232429
}

.form-boolean--type-radio:checked::-ms-check {
    color: transparent;
    border-color: #003ecc;
    background-image: url("data:image/svg+xml,%3csvg width='17' height='17' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle r='4.5' cx='8.5' cy='8.5' fill='%23003ecc'/%3e%3c/svg%3e");
    box-shadow: inset 0 0 0 1px #003ecc
}

.form-boolean--type-checkbox:checked:active::-ms-check, .form-boolean--type-checkbox:checked:hover::-ms-check {
    border-color: #232429;
    background-color: #232429
}

.form-boolean--type-radio:checked::-ms-check {
    border-color: #003ecc;
    background-image: url("data:image/svg+xml,%3csvg width='17' height='17' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle r='4.5' cx='8.5' cy='8.5' fill='%23003ecc'/%3e%3c/svg%3e");
    box-shadow: inset 0 0 0 1px #003ecc
}

.form-boolean--type-radio:checked:focus::-ms-check {
    box-shadow: 0 0 0 2px #fff, 0 0 0 5px #26a769, inset 0 0 0 1px #003ecc
}

.form-boolean--type-radio:checked:active::-ms-check, .form-boolean--type-radio:checked:hover::-ms-check {
    border-color: #232429;
    background-image: url("data:image/svg+xml,%3csvg width='17' height='17' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle r='4.5' cx='8.5' cy='8.5' fill='%23000f33'/%3e%3c/svg%3e");
    box-shadow: inset 0 0 0 1px #232429
}

.form-boolean--type-radio:checked:focus:active::-ms-check, .form-boolean--type-radio:checked:focus:hover::-ms-check {
    box-shadow: 0 0 0 2px #fff, 0 0 0 5px #26a769, inset 0 0 0 1px #232429
}

.form-boolean.error::-ms-check {
    border-color: #dc2323;
    background-color: #fff;
    box-shadow: inset 0 0 0 1px #dc2323
}

.form-boolean.error:active::-ms-check, .form-boolean.error:hover::-ms-check {
    box-shadow: inset 0 0 0 1px #dc2323
}

.form-boolean.error:focus::-ms-check, .form-boolean.error:focus:active::-ms-check, .form-boolean.error:focus:hover::-ms-check {
    box-shadow: 0 0 0 2px #fff, 0 0 0 5px #26a769, inset 0 0 0 1px #dc2323
}

.form-boolean.error:checked:active::-ms-check, .form-boolean.error:checked:hover::-ms-check {
    border-color: #dc2323;
    background-color: #fff
}

.form-boolean--type-checkbox.error:checked::-ms-check, .form-boolean--type-checkbox.error:checked:active::-ms-check, .form-boolean--type-checkbox.error:checked:hover::-ms-check {
    background-color: #dc2323
}

.form-boolean--type-radio.error:checked::-ms-check, .form-boolean--type-radio.error:checked:active::-ms-check, .form-boolean--type-radio.error:checked:hover::-ms-check {
    background-image: url("data:image/svg+xml,%3csvg width='17' height='17' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle r='4.5' cx='8.5' cy='8.5' fill='%23d72222'/%3e%3c/svg%3e")
}

.form-boolean--type-radio.error:checked:focus::-ms-check {
    box-shadow: 0 0 0 2px #fff, 0 0 0 5px #26a769, inset 0 0 0 1px #dc2323
}

.form-boolean[disabled]::-ms-check, .form-boolean[disabled]:hover::-ms-check, .form-boolean[disabled].error::-ms-check, .form-boolean[disabled].error:hover::-ms-check, .form-boolean--type-radio[disabled]:focus:active::-ms-check, .form-boolean--type-radio[disabled]:active:hover::-ms-check, .form-boolean--type-radio[disabled].error:active:hover::-ms-check {
    border-color: #bababf;
    background-color: #f2f2f3;
    background-image: none;
    box-shadow: none
}

.form-boolean--type-checkbox[disabled]:checked::-ms-check {
    color: transparent;
    background-image: url("data:image/svg+xml,%3csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3.795 7.096l2.387 2.506 6.023-6.327 1.484 1.56-7.507 7.89L2.31 8.656z' fill='%2382828c'/%3e%3c/svg%3e")
}

.form-boolean--type-radio[disabled]:checked::-ms-check, .form-boolean--type-radio[disabled].error:checked::-ms-check {
    color: transparent;
    background-image: url("data:image/svg+xml,%3csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3.795 7.096l2.387 2.506 6.023-6.327 1.484 1.56-7.507 7.89L2.31 8.656z' fill='%2382828c'/%3e%3c/svg%3e")
}

.field-multiple-table {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.form-item--multiple .field-add-more-submit {
    margin-top: 0;
    margin-bottom: 0
}

.form-managed-file.no-upload {
    display: inline-flex;
    flex-direction: column;
    max-width: 100%
}

.form-managed-file.has-value.is-multiple {
    display: block
}

.form-managed-file__main {
    display: inline-flex;
    align-items: center;
    max-width: 100%
}

.draggable .form-managed-file.has-value .form-managed-file__main {
    display: flex
}

.form-managed-file.is-single.has-value .form-managed-file__main:last-child {
    margin-bottom: 1rem
}

.form-managed-file__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-top: 1rem
}

.draggable .form-managed-file.has-value .form-managed-file__meta {
    display: inline-flex
}

@media all and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    *::-ms-backdrop, td .form-managed-file__meta {
        flex-basis: 100%
    }
}

.form-managed-file__image-preview {
    flex: 0 0 auto;
    max-width: 100%;
    margin-bottom: 1rem
}

.form-managed-file.has-meta .form-managed-file__image-preview {
    margin-right: 1rem
}

[dir=rtl] .form-managed-file.has-meta .form-managed-file__image-preview {
    margin-right: 0;
    margin-left: 1rem
}

td .form-managed-file.no-meta .form-managed-file__image-preview {
    margin-bottom: .5rem
}

.form-managed-file__meta-items {
    flex: 1 1 16rem;
    max-width: 100%
}

@media all and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    *::-ms-backdrop, .form-managed-file__meta-items {
        flex-basis: 32rem
    }
}

@media all and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    *::-ms-backdrop, td .form-managed-file__meta-wrapper {
        display: flex
    }
}

.form-managed-file .file {
    word-break: break-all;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.form-managed-file .file__size {
    word-break: normal
}

.form-managed-file__main .file {
    flex: 1 1 auto;
    margin: .5rem 1rem .5rem 0
}

[dir=rtl] .form-managed-file__main .file {
    margin-right: 0;
    margin-left: 1rem
}

@media all and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    *::-ms-backdrop, td .form-managed-file__main .file {
        flex: 0 1 100%
    }
}

.form-managed-file__main .form-element--api-file {
    flex: 1 1 auto;
    min-width: 1px
}

.form-managed-file__main .button.button {
    flex: 0 0 auto;
    margin: 0
}

.form-managed-file__meta .form-item {
    max-width: 32rem;
    margin-top: 0;
    margin-bottom: 1rem
}

.form-managed-file__meta .form-item:last-child {
    margin-bottom: .5rem
}

.form-managed-file__meta .form-element {
    width: 100%
}

.file-widget-multiple.has-table .form-type--managed-file {
    margin-right: 1rem;
    margin-left: 1rem
}

.form-element {
    box-sizing: border-box;
    max-width: 100%;
    min-height: 3rem;
    padding: calc(.75rem - 1px) calc(1rem - 1px);
    color: #232429;
    border: 1px solid #919297;
    border-radius: .125rem;
    background: #fff;
    font-size: 1rem;
    line-height: 1.5rem;
    -webkit-appearance: none;
    appearance: none
}

.no-touchevents .form-element--extrasmall, .no-touchevents .form-element[name$="][_weight]"] {
    min-height: 1.5rem;
    padding: calc(.15rem - 1px) calc(.5rem - 1px);
    font-size: .889rem;
    line-height: 1.2rem
}

.form-element--type-search[type=search] {
    -webkit-appearance: none;
    appearance: none;
    box-sizing: border-box
}

.form-element--type-date, .form-element--type-time {
    vertical-align: -webkit-baseline-middle
}

.form-element--type-date {
    min-width: 9.5rem
}

.form-element--type-time {
    min-width: 7.5rem
}

.form-element--type-color {
    min-width: 3rem;
    padding: 0;
    text-indent: calc(.75rem - 1px)
}

.form-element--type-file::-ms-value {
    border: 0;
    background: inherit
}

.form-element--type-file::-webkit-file-upload-button {
    vertical-align: top
}

_:-ms-fullscreen, :root .form-element--type-file {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.form-element:active {
    border-color: #003ecc
}

.form-element:hover {
    border-color: #232429;
    box-shadow: inset 0 0 0 1px #232429
}

.form-element:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 5px #26a769
}

.form-element:hover:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 5px #26a769, inset 0 0 0 1px #232429
}

.form-element.error {
    border-width: 2px;
    border-color: #dc2323
}

.form-element.error:hover {
    box-shadow: none
}

.form-element.error:hover:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 5px #26a769
}

.form-element--type-textarea.error + .cke {
    border-color: #dc2323
}

.form-element[disabled] {
    color: #828388;
    border-color: #bababf;
    background-color: #f2f2f3;
    box-shadow: none;
    -webkit-text-fill-color: #828388
}

@media screen and (max-width: 37.5rem) {
    .form-element {
        float: none;
        width: 100%;
        margin-top: .75rem;
        margin-right: 0;
        margin-left: 0
    }

    .form-element:first-child, .form-item__label + .form-element {
        margin-top: 0
    }
}

.form-element--type-textarea.error + .ck-editor > .ck-editor__main {
    border: 2px solid #dc2323
}

.form-element--type-select {
    padding-right: calc(2rem - 1px);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 9'%3e%3cpath fill='none' stroke-width='1.5' d='M1 1l6 6 6-6' stroke='%23545560'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-size: 2.75rem .5625rem
}

[dir=rtl] .form-element--type-select {
    padding-right: calc(1rem - 1px);
    padding-left: calc(2rem - 1px);
    background-position: 0 50%
}

.no-touchevents .form-element--type-select.form-element--extrasmall, .no-touchevents .form-element--type-select[name$="][_weight]"] {
    padding-right: calc(1.5rem - 1px);
    background-size: 1.75rem .4375rem
}

[dir=rtl].no-touchevents .form-element--type-select.form-element--extrasmall, [dir=rtl].no-touchevents .form-element--type-select[name$="][_weight]"] {
    padding-right: calc(.5rem - 1px);
    padding-left: calc(1.5rem - 1px)
}

.form-element--type-select::-ms-expand {
    display: none
}

.form-element--type-select:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 9'%3e%3cpath fill='none' stroke-width='1.5' d='M1 1l6 6 6-6' stroke='%23003ecc'/%3e%3c/svg%3e")
}

.form-element--type-select[disabled] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 9'%3e%3cpath fill='none' stroke-width='1.5' d='M1 1l6 6 6-6' stroke='%238e929c'/%3e%3c/svg%3e")
}

@media (forced-colors: active) {
    .form-element--type-select, .form-element--type-select:focus, .form-element--type-select[disabled] {
        padding-right: calc(1rem - 1px);
        background-image: none;
        -webkit-appearance: listbox;
        appearance: listbox
    }

    @supports ((-webkit-appearance:revert) or (appearance:revert)) {
        .form-element--type-select, .form-element--type-select:focus, .form-element--type-select[disabled] {
            -webkit-appearance: revert;
            appearance: revert
        }
    }
}

@media screen and (-ms-high-contrast: active) {
    .form-element--type-select, .form-element--type-select:focus, .form-element--type-select[disabled] {
        padding-right: calc(1rem - 1px)
    }

    .form-element--type-select::-ms-expand, .form-element--type-select:focus::-ms-expand, .form-element--type-select[disabled]::-ms-expand {
        display: block
    }
}

.help p {
    margin: 0 0 .625rem
}

.image-preview {
    line-height: 0
}

.image-preview__img-wrapper {
    display: inline-block;
    max-width: 100%;
    background-color: #fff;
    box-shadow: inset 0 0 .4375rem #d3d4d9
}

.image-preview img {
    background-image: linear-gradient(-45deg, #d3d4d9 25%, transparent 26%), linear-gradient(-45deg, #d3d4d9 25%, transparent 26%), linear-gradient(135deg, #d3d4d9 25%, transparent 26%), linear-gradient(135deg, #d3d4d9 25%, transparent 26%);
    background-position: 0 0, .4375rem .4375rem, .4375rem .4375rem, 0 0;
    background-size: .875rem .875rem
}

@media screen and (-ms-high-contrast: active) {
    .image-preview img {
        background: 0 0
    }
}

.image-widget .file.file {
    padding: 0;
    background: 0 0
}

.item-list ul {
    margin: .25em 0 .25em 1.5em;
    list-style-type: disc;
    list-style-image: none
}

[dir=rtl] .item-list ul {
    margin: .25em 1.5em .25em 0
}

.item-list ul li, .menu-item {
    list-style-type: disc;
    list-style-image: none
}

.menu-item {
    margin: 0
}

.item-list ul li.collapsed, .menu-item--collapsed {
    list-style-type: disc;
    list-style-image: url(https://www.aes.com/core/themes/claro/images/menu-collapsed.png)
}

.item-list ul li.expanded, .menu-item--expanded {
    list-style-type: circle;
    list-style-image: url(https://www.aes.com/core/themes/claro/images/menu-expanded.png)
}

ul.links li, ul.inline li {
    padding-right: 1em
}

[dir=rtl] ul.links li, [dir=rtl] ul.inline li {
    padding-right: 0;
    padding-left: 1em
}

ul.inline li {
    display: inline
}

.system-modules fieldset {
    border: 0;
    border-top: 1px solid #ccc
}

.system-modules .fieldset-wrapper {
    padding: 0
}

.system-modules table, .locale-translation-status-form table {
    border: 0
}

.system-modules tr.even, .system-modules tr.odd, .locale-translation-status-form tr.even, .locale-translation-status-form tr.odd {
    border: 0;
    border-bottom: 10px solid #fff;
    background: #f3f4ee
}

.system-modules tr td:last-child, .locale-translation-status-form tr td:last-child {
    border: 0
}

.system-modules table th, .locale-translation-status-form table th {
    border: 0;
    border-bottom: 10px solid #fff
}

.system-modules .sticky-header th, .locale-translation-status-form .sticky-header th {
    border: 0
}

.node__submitted {
    margin: 1em 0
}

.block-page-title-block {
    margin-bottom: .75rem
}

.block-page-title-block:last-child {
    margin-bottom: 1.5rem
}

.region-header > .page-title {
    margin-top: 1.25rem;
    margin-bottom: 1.5rem
}

.page-title {
    display: inline-block;
    margin: 0;
    font-size: 2.027rem;
    -webkit-font-smoothing: antialiased
}

.pager {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.pager__items {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: center;
    margin: 1rem 0;
    list-style: none;
    text-align: center;
    font-weight: 700
}

[dir=rtl] .pager__items {
    margin: 1rem 0
}

.pager__item {
    display: inline-block;
    margin-right: .25rem;
    margin-left: .25rem;
    vertical-align: top
}

.pager__link, .pager__item--current {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 2rem;
    height: 2rem;
    padding-right: .5rem;
    padding-left: .5rem;
    text-decoration: none;
    color: #55565b;
    border-radius: 1rem;
    background: #fff;
    line-height: 1
}

.pager__link:hover, .pager__link:focus, .pager__link:active {
    text-decoration: none
}

.pager__link:hover, .pager__link.is-active:hover {
    color: #55565b;
    background: #e5edff
}

.pager__link--action-link {
    border-radius: .125rem
}

.pager__link.is-active, .pager__item--current {
    color: #fff;
    border: .125rem solid transparent;
    background: #003ecc
}

.pager__item--first .pager__link:before {
    background-image: url("data:image/svg+xml,%3csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2 2v12M14 2L8 8l6 6' stroke='%23545560' stroke-width='2'/%3e%3c/svg%3e")
}

.pager__item--previous .pager__link:before {
    background-image: url("data:image/svg+xml,%3csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11 2L5 8l6 6' stroke='%23545560' stroke-width='2'/%3e%3c/svg%3e")
}

.pager__item--next .pager__link:after {
    background-image: url("data:image/svg+xml,%3csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5 14l6-6-6-6' stroke='%23545560' stroke-width='2'/%3e%3c/svg%3e")
}

.pager__item--last .pager__link:after {
    background-image: url("data:image/svg+xml,%3csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14 14V2M2 14l6-6-6-6' stroke='%23545560' stroke-width='2'/%3e%3c/svg%3e")
}

.pager__item--first .pager__link:before, .pager__item--previous .pager__link:before, .pager__item--next .pager__link:after, .pager__item--last .pager__link:after {
    position: relative;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    content: "";
    background-repeat: no-repeat;
    background-position: center
}

@media (forced-colors: active) {
    .pager__item--first .pager__link:before {
        -webkit-mask-image: url("data:image/svg+xml,%3csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2 2v12M14 2L8 8l6 6' stroke='%23545560' stroke-width='2'/%3e%3c/svg%3e");
        mask-image: url("data:image/svg+xml,%3csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2 2v12M14 2L8 8l6 6' stroke='%23545560' stroke-width='2'/%3e%3c/svg%3e")
    }

    .pager__item--previous .pager__link:before {
        -webkit-mask-image: url("data:image/svg+xml,%3csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11 2L5 8l6 6' stroke='%23545560' stroke-width='2'/%3e%3c/svg%3e");
        mask-image: url("data:image/svg+xml,%3csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11 2L5 8l6 6' stroke='%23545560' stroke-width='2'/%3e%3c/svg%3e")
    }

    .pager__item--next .pager__link:after {
        -webkit-mask-image: url("data:image/svg+xml,%3csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5 14l6-6-6-6' stroke='%23545560' stroke-width='2'/%3e%3c/svg%3e");
        mask-image: url("data:image/svg+xml,%3csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5 14l6-6-6-6' stroke='%23545560' stroke-width='2'/%3e%3c/svg%3e")
    }

    .pager__item--last .pager__link:after {
        -webkit-mask-image: url("data:image/svg+xml,%3csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14 14V2M2 14l6-6-6-6' stroke='%23545560' stroke-width='2'/%3e%3c/svg%3e");
        mask-image: url("data:image/svg+xml,%3csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14 14V2M2 14l6-6-6-6' stroke='%23545560' stroke-width='2'/%3e%3c/svg%3e")
    }

    .pager__item--first .pager__link:before, .pager__item--previous .pager__link:before, .pager__item--next .pager__link:after, .pager__item--last .pager__link:after {
        background-color: linktext;
        background-image: none;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center
    }
}

[dir=rtl] .pager__item--first .pager__link:before, [dir=rtl] .pager__item--previous .pager__link:before, [dir=rtl] .pager__item--next .pager__link:after, [dir=rtl] .pager__item--last .pager__link:after {
    transform: scaleX(-1)
}

.pager__item--mini {
    margin-right: .5rem;
    margin-left: .5rem
}

.pager__link--mini {
    border-radius: 50%
}

.pager__link--mini:before {
    margin-right: 0;
    margin-left: 0
}

.pager__item-title--backwards {
    margin-left: .5rem
}

[dir=rtl] .pager__item-title--backwards {
    margin-right: .5rem;
    margin-left: 0
}

.pager__item-title--forward {
    margin-right: .5rem
}

[dir=rtl] .pager__item-title--forward {
    margin-right: 0;
    margin-left: .5rem
}

@media (-ms-high-contrast: active),(forced-colors: active) {
    .pager__item a:hover {
        text-decoration: underline
    }
}

.skip-link {
    z-index: 50;
    left: 50%;
    padding: 1px .625rem 2px;
    transform: translateX(-50%);
    color: #fff;
    border-radius: 0 0 .625rem .625rem;
    background: #55565b;
    font-size: .94em
}

.skip-link:hover, .skip-link:active {
    color: #fff;
    background-color: #232429
}

.skip-link:focus {
    text-decoration: none
}

.skip-link.visually-hidden.focusable:focus {
    position: absolute !important
}

table {
    width: 100%;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    border-collapse: collapse
}

.sticky-header {
    min-width: 0
}

caption {
    text-align: left
}

[dir=rtl] caption {
    text-align: right
}

th {
    position: relative;
    box-sizing: border-box;
    height: 3rem;
    padding: .5rem 1rem;
    text-align: left;
    color: #232429;
    background: #f3f4f9;
    line-height: 1.25rem
}

[dir=rtl] th {
    text-align: right
}

.sortable-heading {
    padding: 0 1rem
}

.sortable-heading > a {
    display: block;
    padding: .5rem 1.5rem .5rem 0;
    text-decoration: none;
    color: inherit
}

[dir=rtl] .sortable-heading > a {
    padding-right: 0;
    padding-left: 1.5rem
}

.sortable-heading > a:before {
    position: absolute;
    z-index: 0;
    top: 0;
    right: 1rem;
    bottom: 0;
    left: 1rem;
    display: block;
    content: "";
    border-bottom: .125rem solid transparent
}

_:-ms-fullscreen, .sortable-heading > a:before {
    top: auto;
    height: 100%
}

.sortable-heading > a:after {
    position: absolute;
    top: 50%;
    right: 1rem;
    width: .875rem;
    height: 1rem;
    margin-top: -.5rem;
    content: "";
    opacity: .5;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8'%3e%3cpath d='M1.75.25v1.5h10.5V.25zm0 3v1.5h7.5v-1.5zm0 3v1.5h4.5v-1.5z' fill='%23000f33'/%3e%3c/svg%3e") no-repeat 50% 50%;
    background-size: contain
}

@media (forced-colors: active) {
    .sortable-heading > a:after {
        opacity: 1;
        background: linktext;
        -webkit-mask: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8'%3e%3cpath d='M1.75.25v1.5h10.5V.25zm0 3v1.5h7.5v-1.5zm0 3v1.5h4.5v-1.5z' fill='%23000f33'/%3e%3c/svg%3e") no-repeat 50% 50%;
        mask: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8'%3e%3cpath d='M1.75.25v1.5h10.5V.25zm0 3v1.5h7.5v-1.5zm0 3v1.5h4.5v-1.5z' fill='%23000f33'/%3e%3c/svg%3e") no-repeat 50% 50%
    }
}

_:-ms-fullscreen, .sortable-heading > a:after {
    position: static;
    float: right;
    margin-top: .125rem;
    margin-right: -1.5rem
}

[dir=rtl] .sortable-heading > a:after {
    right: auto;
    left: 1rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8'%3e%3cpath d='M12.25.25v1.5H1.75V.25zm0 3v1.5h-7.5v-1.5zm0 3v1.5h-4.5v-1.5z' fill='%23000f33'/%3e%3c/svg%3e")
}

@media (forced-colors: active) {
    [dir=rtl] .sortable-heading > a:after {
        background: linktext;
        -webkit-mask: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8'%3e%3cpath d='M12.25.25v1.5H1.75V.25zm0 3v1.5h-7.5v-1.5zm0 3v1.5h-4.5v-1.5z' fill='%23000f33'/%3e%3c/svg%3e") no-repeat 50% 50%;
        mask: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8'%3e%3cpath d='M12.25.25v1.5H1.75V.25zm0 3v1.5h-7.5v-1.5zm0 3v1.5h-4.5v-1.5z' fill='%23000f33'/%3e%3c/svg%3e") no-repeat 50% 50%
    }
}

_:-ms-fullscreen, [dir=rtl] .sortable-heading > a:after {
    float: left;
    margin-right: 0;
    margin-left: -1.5rem
}

.sortable-heading > a:focus, .sortable-heading > a:hover {
    text-decoration: none
}

.sortable-heading > a:focus:before, .sortable-heading > a:hover:before {
    border-color: inherit
}

.sortable-heading > a:focus:after, .sortable-heading > a:hover:after {
    opacity: 1
}

.sortable-heading.is-active > a {
    color: #003ecc
}

.sortable-heading.is-active > a:before {
    border-bottom: .1875rem solid #003ecc
}

.sortable-heading.is-active > a:after {
    content: none
}

tr {
    border-bottom: .0625rem solid #d3d4d9
}

tr, .draggable-table.tabledrag-disabled tr {
    color: #232429;
    background: #fff
}

thead tr {
    border: 0
}

tr:hover, tr:focus {
    color: #232429;
    background: #f5f8ff
}

tr.color-warning:hover, tr.color-warning:focus {
    color: #232429;
    background: #fdf8ed
}

tr.color-error:hover, tr.color-error:focus {
    color: #232429;
    background: #fcf4f2
}

td {
    box-sizing: border-box;
    height: 4rem;
    padding: .5rem 1rem;
    text-align: left
}

[dir=rtl] td {
    text-align: right
}

td .item-list ul {
    margin: 0
}

[dir=rtl] td .item-list ul {
    margin: 0
}

td.is-active {
    background: 0 0
}

td > .form-item > .form-element, td > .ajax-new-content > .form-item > .form-element {
    width: 100%
}

td > .form-item > .form-element--type-select, td > .ajax-new-content > .form-item > .form-element--type-select {
    width: auto
}

@supports (min-width:max-content) {
    td > .form-item > .form-element--type-select, td > .ajax-new-content > .form-item > .form-element--type-select {
        width: max-content;
        min-width: 100%
    }
}

th.is-disabled.is-disabled {
    color: #828388
}

th.select-all {
    width: 1px
}

.caption {
    margin-bottom: 1.25rem
}

tfoot {
    font-weight: 700
}

tfoot tr:last-child {
    border-bottom: 0
}

tfoot tr:first-child td {
    border-top: .0625rem solid #919297
}

th.priority-low, th.priority-medium, td.priority-low, td.priority-medium {
    display: none
}

@media screen and (min-width: 38em) {
    th.priority-medium, td.priority-medium {
        display: table-cell
    }
}

@media screen and (min-width: 60em) {
    th.priority-low, td.priority-low {
        display: table-cell
    }
}

.tabledrag-toggle-weight-wrapper {
    margin-top: 1.5rem;
    line-height: 1.75rem
}

.tabledrag-toggle-weight-wrapper + table, .tabledrag-toggle-weight-wrapper + .tableresponsive-toggle-columns + table {
    margin-top: 0
}

.table-file-multiple-widget tbody {
    vertical-align: top
}

.table-file-multiple-widget .tabledrag-cell-content {
    position: relative;
    display: block;
    height: auto
}

.table-file-multiple-widget .tabledrag-cell-content > * {
    display: block
}

.table-file-multiple-widget .tabledrag-cell-content__item {
    padding: 0
}

.table-file-multiple-widget .tabledrag-handle {
    float: left
}

[dir=rtl] .table-file-multiple-widget .tabledrag-handle {
    float: right
}

.table-file-multiple-widget .tabledrag-changed {
    float: left;
    line-height: 2.0625rem
}

[dir=rtl] .table-file-multiple-widget .tabledrag-changed {
    float: left
}

.table-file-multiple-widget td {
    height: 3rem
}

.table-file-multiple-widget td > :first-child {
    margin-top: 0
}

.table-file-multiple-widget td > :last-child {
    margin-bottom: 0
}

.table-file-multiple-widget .button.button:only-child {
    margin: 0
}

.table-file-multiple-widget th {
    height: 2rem;
    color: #55565b;
    background: #f3f4f9;
    font-size: .889rem
}

.table-file-multiple-widget td {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.table-file-multiple-widget .tabledrag-cell {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.table-file-multiple-widget .checkbox .form-type--boolean {
    line-height: 3rem
}

.no-touchevents .table-file-multiple-widget .checkbox .form-type--boolean {
    line-height: 1.5
}

.file-operations-cell {
    width: 1px;
    white-space: nowrap
}

.table-file-multiple-widget--no-upload > tbody:last-child > tr:last-child {
    border-bottom: 0
}

@media screen and (max-width: 37.5em) {
    .claro-details__wrapper .file-widget-multiple__table-wrapper {
        margin-right: -1rem;
        margin-left: -1rem
    }

    .claro-details__wrapper .file-widget-multiple__table-wrapper > :not(table) {
        margin-right: 1rem;
        margin-left: 1rem
    }
}

.search-admin-settings .container-inline {
    margin-bottom: 1em
}

.search-admin-settings label[for=edit-search-type] {
    display: block
}

.tablesort {
    position: absolute;
    top: 50%;
    right: 1rem;
    width: .875rem;
    height: 1rem;
    margin-top: -.5rem;
    opacity: .5;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8'%3e%3cpath d='M1.75.25v1.5h10.5V.25zm0 3v1.5h7.5v-1.5zm0 3v1.5h4.5v-1.5z' fill='%23000f33'/%3e%3c/svg%3e") no-repeat 0 50%;
    background-size: auto
}

@media (forced-colors: active) {
    .tablesort {
        background: linktext;
        -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8'%3e%3cpath d='M1.75.25v1.5h10.5V.25zm0 3v1.5h7.5v-1.5zm0 3v1.5h4.5v-1.5z' fill='%23000f33'/%3e%3c/svg%3e");
        mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8'%3e%3cpath d='M1.75.25v1.5h10.5V.25zm0 3v1.5h7.5v-1.5zm0 3v1.5h4.5v-1.5z' fill='%23000f33'/%3e%3c/svg%3e");
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: 0 50%;
        mask-position: 0 50%
    }
}

_:-ms-fullscreen, .tablesort {
    position: static;
    float: right;
    margin-top: .125rem;
    margin-right: -1.5rem
}

[dir=rtl] .tablesort {
    right: auto;
    left: 1rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8'%3e%3cpath d='M12.25.25v1.5H1.75V.25zm0 3v1.5h-7.5v-1.5zm0 3v1.5h-4.5v-1.5z' fill='%23000f33'/%3e%3c/svg%3e")
}

@media (forced-colors: active) {
    [dir=rtl] .tablesort {
        background: linktext;
        -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8'%3e%3cpath d='M12.25.25v1.5H1.75V.25zm0 3v1.5h-7.5v-1.5zm0 3v1.5h-4.5v-1.5z' fill='%23000f33'/%3e%3c/svg%3e");
        mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8'%3e%3cpath d='M12.25.25v1.5H1.75V.25zm0 3v1.5h-7.5v-1.5zm0 3v1.5h-4.5v-1.5z' fill='%23000f33'/%3e%3c/svg%3e");
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: 0 50%;
        mask-position: 0 50%
    }
}

_:-ms-fullscreen, [dir=rtl] .tablesort {
    float: left;
    margin-right: 0;
    margin-left: -1.5rem
}

.tablesort--asc, [dir=rtl] .tablesort--asc {
    opacity: 1;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16' viewBox='0 0 10 12'%3e%3cpath d='M5 .44L.719 4.718 1.78 5.78 4.25 3.313v7.937h1.5V3.312l2.469 2.47L9.28 4.718 5 .439z' fill='%23003ecc'/%3e%3c/svg%3e")
}

@media (forced-colors: active) {
    .tablesort--asc, [dir=rtl] .tablesort--asc {
        background: linktext;
        -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16' viewBox='0 0 10 12'%3e%3cpath d='M5 .44L.719 4.718 1.78 5.78 4.25 3.313v7.937h1.5V3.312l2.469 2.47L9.28 4.718 5 .439z' fill='%23003ecc'/%3e%3c/svg%3e");
        mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16' viewBox='0 0 10 12'%3e%3cpath d='M5 .44L.719 4.718 1.78 5.78 4.25 3.313v7.937h1.5V3.312l2.469 2.47L9.28 4.718 5 .439z' fill='%23003ecc'/%3e%3c/svg%3e")
    }
}

.tablesort--desc, [dir=rtl] .tablesort--desc {
    opacity: 1;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16' viewBox='0 0 10 12'%3e%3cpath d='M4.25.75v7.938l-2.469-2.47L.72 7.282 5 11.561l4.281-4.28L8.22 6.22 5.75 8.687V.75h-1.5z' fill='%23003ecc'/%3e%3c/svg%3e")
}

@media (forced-colors: active) {
    .tablesort--desc, [dir=rtl] .tablesort--desc {
        background: linktext;
        -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16' viewBox='0 0 10 12'%3e%3cpath d='M4.25.75v7.938l-2.469-2.47L.72 7.282 5 11.561l4.281-4.28L8.22 6.22 5.75 8.687V.75h-1.5z' fill='%23003ecc'/%3e%3c/svg%3e");
        mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16' viewBox='0 0 10 12'%3e%3cpath d='M4.25.75v7.938l-2.469-2.47L.72 7.282 5 11.561l4.281-4.28L8.22 6.22 5.75 8.687V.75h-1.5z' fill='%23003ecc'/%3e%3c/svg%3e")
    }
}

.system-status-general-info {
    padding-top: 1rem
}

.system-status-general-info__header {
    padding: 2.75rem 0 .75em;
    border-top: 1px solid #ccc
}

.system-status-general-info__item {
    display: block;
    overflow-x: auto;
    box-sizing: border-box;
    margin-bottom: 1.5rem;
    padding: 1.125rem
}

.system-status-general-info__item-icon {
    display: inline-block;
    width: 2.625rem;
    height: 2.625rem;
    vertical-align: top
}

.system-status-general-info__item-icon:before {
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: 2.625rem;
    background-color: #828388;
    background-repeat: no-repeat;
    background-position: 50% center;
    background-size: 1.5rem
}

.system-status-general-info__item-icon--drupal:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' class='drupal-logo' width='42.2' height='55.5' viewBox='0 0 42.2 55.5'%3e  %3cpath fill='%23ffffff' d='M29.8,11.7C25.9,7.9,22.2,4.2,21.1,0c-1.1,4.2-4.8,7.9-8.7,11.7C6.6,17.5,0,24.1,0,34c-0.3,11.6,9,21.3,20.6,21.5 s21.3-9,21.5-20.6c0-0.3,0-0.6,0-0.9C42.2,24.1,35.6,17.5,29.8,11.7z M10.8,35.9c-0.6,0.8-1.2,1.7-1.6,2.6 c-0.1,0.1-0.2,0.3-0.4,0.3H8.7c-0.5,0-1-0.9-1-0.9l0,0c-0.1-0.2-0.3-0.5-0.4-0.7L7.2,37C5.9,34.2,7,30.3,7,30.3l0,0 c0.5-1.9,1.4-3.8,2.5-5.4c0.7-1,1.5-2,2.3-3l1,1l4.7,4.8c0.2,0.2,0.2,0.5,0,0.7l-4.9,5.5l0,0L10.8,35.9z M21.3,49.7 c-4,0-7.3-3.3-7.2-7.3c0-1.8,0.7-3.5,1.8-4.8c1.5-1.8,3.4-3.6,5.5-6c2.4,2.6,4,4.3,5.5,6.3c0.1,0.1,0.2,0.3,0.3,0.5 c0.8,1.2,1.3,2.6,1.3,4.1C28.6,46.5,25.3,49.7,21.3,49.7C21.3,49.7,21.3,49.7,21.3,49.7z M35,38.1L35,38.1 c-0.1,0.3-0.4,0.5-0.7,0.6h-0.1c-0.3-0.1-0.5-0.3-0.7-0.5l0,0c-1.3-1.9-2.7-3.7-4.3-5.3l-1.9-2l-6.4-6.6c-1.3-1.2-2.6-2.6-3.8-3.9 c0-0.1-0.1-0.1-0.1-0.1c-0.2-0.3-0.4-0.6-0.5-1c0-0.1,0-0.1,0-0.2c-0.2-1.1,0.2-2.2,1-3c1.2-1.2,2.5-2.5,3.7-3.8 c1.3,1.4,2.7,2.8,4.1,4.2l0,0c2.8,2.6,5.3,5.5,7.6,8.6c1.9,2.7,2.9,5.8,2.9,9.1C35.6,35.4,35.4,36.8,35,38.1z'/%3e%3c/svg%3e")
}

.system-status-general-info__item-icon--clock:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='42.659' height='46.603' viewBox='0 0 42.659 46.603'%3e  %3cpath fill='%23FFF' d='M24.15 3.73V0h-8v3.915C6.15 6.13 0 14.717 0 24.978 0 36.92 9.975 46.603 21.918 46.603s20.74-9.682 20.74-21.625c0-10.576-8.507-19.372-18.507-21.25zm7 24.072H17.83V11h5v12.802h8.32v4z'/%3e%3c/svg%3e")
}

.system-status-general-info__item-icon--server:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='44' height='34' viewBox='0 0 44 34'%3e  %3cpath fill='%23FFF' d='M29.98 7.018H7.17c-1.208 0-2.197-.748-2.197-2s.99-2 2.2-2h22.81c1.208 0 2.198.748 2.198 2s-.99 2-2.2 2zM37.61 7c-1.104 0-2-.895-2-2s.896-2 2-2 2 .895 2 2-.894 2-2 2zM0 0v10h44V0H0zM29.98 31.018H7.17c-1.208 0-2.197-.748-2.197-2s.99-2 2.2-2h22.81c1.208 0 2.198.748 2.198 2s-.99 2-2.2 2zM37.61 31c-1.104 0-2-.895-2-2s.896-2 2-2 2 .895 2 2-.894 2-2 2zM0 24v10h44V24H0zM29.98 19.018H7.17c-1.208 0-2.197-.748-2.197-2s.99-2 2.2-2h22.81c1.208 0 2.198.748 2.198 2s-.99 2-2.2 2zM37.61 19c-1.104 0-2-.895-2-2s.896-2 2-2 2 .895 2 2-.894 2-2 2zM0 12v10h44V12H0z'/%3e%3c/svg%3e")
}

.system-status-general-info__item-icon--php:before {
    background-image: url("data:image/svg+xml,%3csvg height='33.447' viewBox='0 0 66 33.447' width='66' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%23fff'%3e%3cpath d='m49.5 12.255h-2.7l-1.473 7h2.4c1.59 0 2.773-.342 3.55-.94.78-.6 1.304-1.62 1.577-3.023.26-1.345.142-1.975-.357-2.528-.5-.553-1.498-.51-2.996-.51z'/%3e%3cpath d='m33 0c-18.225 0-33 7.488-33 16.724s14.775 16.724 33 16.724 33-7.488 33-16.724-14.775-16.724-33-16.724zm-9.328 19.982c-.787.737-1.662 1.376-2.625 1.69-.963.313-2.19.583-3.68.583h-3.377l-.935 5h-3.945l3.52-18h7.584c2.28 0 3.946.34 4.992 1.537s1.36 2.74.944 4.885c-.172.884-.462 1.628-.87 2.36-.413.732-.947 1.338-1.608 1.945zm11.51 2.273 1.558-8.124c.177-.91.112-1.29-.196-1.62s-.962-.255-1.963-.255h-3.126l-2.016 10h-3.913l3.52-18h3.912l-.935 5h3.486c2.193 0 3.706.124 4.54.888.832.765 1.08 1.99.748 3.703l-1.637 8.41h-3.977zm21.747-6.708c-.173.884-.463 1.692-.872 2.424-.41.734-.944 1.404-1.605 2.01-.787.738-1.662 1.377-2.625 1.69-.963.314-2.19.584-3.68.584h-3.377l-.934 5h-3.944l3.518-18h7.584c2.282 0 3.946.34 4.992 1.537 1.046 1.2 1.36 2.61.943 4.757z'/%3e%3cpath d='m18.72 12.255h-2.703l-1.473 7h2.4c1.59 0 2.773-.342 3.552-.94.778-.6 1.303-1.62 1.576-3.023.26-1.345.142-1.975-.357-2.528-.5-.553-1.497-.51-2.996-.51z'/%3e%3c/g%3e%3c/svg%3e");
    background-size: 2rem
}

.system-status-general-info__item-icon--database:before {
    background-image: url("data:image/svg+xml,%3csvg height='44.262' viewBox='0 0 38.847 44.262' width='38.847' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%23fff'%3e%3cpath d='m19.745 0c5.74.123 12.272.953 16.9 4.668 1.865 1.498 2.786 3.91 1.597 6.126-1.255 2.34-4.13 3.733-6.518 4.6-5.63 2.04-12.113 2.38-18.014 1.573-2.92-.4-5.91-1.103-8.58-2.374-2.19-1.04-4.74-2.805-5.093-5.403-.532-3.925 4.23-6.23 7.264-7.3 3.986-1.408 8.239-1.853 12.444-1.89 4.302.092-3.334.03 0 0z'/%3e%3cpath d='m6.76 17.5c3.702 1.427 7.65 1.972 11.6 2.09 4.058.12 8.107-.424 12.023-1.523 4.227-1.186 7.227-3.624 8.463-6.145v5.965c-.076.524-.197 1.028-.384 1.5-.718 1.81-2.594 2.974-4.235 3.848-4.293 2.286-9.5 3.04-14.31 3.083-4.803.043-9.902-.542-14.3-2.575-1.906-.88-3.9-2.02-4.988-3.887-.66-1.135-.626-2.21-.626-3.486v-4.38c1.232 2.64 3.94 4.422 6.757 5.51z'/%3e%3cpath d='m6.76 26.436c3.702 1.428 7.65 1.973 11.6 2.09 4.058.12 8.107-.423 12.023-1.522 4.227-1.186 7.227-3.624 8.463-6.145v5.964c-.076.524-.197 1.028-.384 1.5-.718 1.81-2.594 2.974-4.235 3.848-4.293 2.286-9.5 3.04-14.31 3.083-4.803.043-9.902-.542-14.3-2.575-1.906-.88-3.9-2.02-4.988-3.887-.66-1.135-.626-2.21-.626-3.486v-4.38c1.232 2.64 3.94 4.422 6.757 5.51z'/%3e%3cpath d='m6.76 35.374c3.702 1.428 7.65 1.973 11.6 2.09 4.058.12 8.107-.423 12.023-1.522 4.227-1.186 7.227-3.624 8.463-6.145v5.965c-.076.524-.197 1.028-.384 1.5-.718 1.81-2.594 2.974-4.235 3.848-4.293 2.286-9.5 3.04-14.31 3.083-4.803.043-9.902-.542-14.3-2.575-1.906-.88-3.9-2.02-4.988-3.887-.66-1.134-.626-2.21-.626-3.485v-4.38c1.232 2.64 3.94 4.422 6.757 5.51z'/%3e%3c/g%3e%3c/svg%3e")
}

@media (forced-colors: active) {
    .system-status-general-info__item-icon:before {
        background-color: canvastext;
        background-image: none;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: 50% center;
        mask-position: 50% center;
        -webkit-mask-size: 1.5rem;
        mask-size: 1.5rem
    }

    .system-status-general-info__item-icon--drupal:before {
        -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' class='drupal-logo' width='42.2' height='55.5' viewBox='0 0 42.2 55.5'%3e  %3cpath fill='%23ffffff' d='M29.8,11.7C25.9,7.9,22.2,4.2,21.1,0c-1.1,4.2-4.8,7.9-8.7,11.7C6.6,17.5,0,24.1,0,34c-0.3,11.6,9,21.3,20.6,21.5 s21.3-9,21.5-20.6c0-0.3,0-0.6,0-0.9C42.2,24.1,35.6,17.5,29.8,11.7z M10.8,35.9c-0.6,0.8-1.2,1.7-1.6,2.6 c-0.1,0.1-0.2,0.3-0.4,0.3H8.7c-0.5,0-1-0.9-1-0.9l0,0c-0.1-0.2-0.3-0.5-0.4-0.7L7.2,37C5.9,34.2,7,30.3,7,30.3l0,0 c0.5-1.9,1.4-3.8,2.5-5.4c0.7-1,1.5-2,2.3-3l1,1l4.7,4.8c0.2,0.2,0.2,0.5,0,0.7l-4.9,5.5l0,0L10.8,35.9z M21.3,49.7 c-4,0-7.3-3.3-7.2-7.3c0-1.8,0.7-3.5,1.8-4.8c1.5-1.8,3.4-3.6,5.5-6c2.4,2.6,4,4.3,5.5,6.3c0.1,0.1,0.2,0.3,0.3,0.5 c0.8,1.2,1.3,2.6,1.3,4.1C28.6,46.5,25.3,49.7,21.3,49.7C21.3,49.7,21.3,49.7,21.3,49.7z M35,38.1L35,38.1 c-0.1,0.3-0.4,0.5-0.7,0.6h-0.1c-0.3-0.1-0.5-0.3-0.7-0.5l0,0c-1.3-1.9-2.7-3.7-4.3-5.3l-1.9-2l-6.4-6.6c-1.3-1.2-2.6-2.6-3.8-3.9 c0-0.1-0.1-0.1-0.1-0.1c-0.2-0.3-0.4-0.6-0.5-1c0-0.1,0-0.1,0-0.2c-0.2-1.1,0.2-2.2,1-3c1.2-1.2,2.5-2.5,3.7-3.8 c1.3,1.4,2.7,2.8,4.1,4.2l0,0c2.8,2.6,5.3,5.5,7.6,8.6c1.9,2.7,2.9,5.8,2.9,9.1C35.6,35.4,35.4,36.8,35,38.1z'/%3e%3c/svg%3e");
        mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' class='drupal-logo' width='42.2' height='55.5' viewBox='0 0 42.2 55.5'%3e  %3cpath fill='%23ffffff' d='M29.8,11.7C25.9,7.9,22.2,4.2,21.1,0c-1.1,4.2-4.8,7.9-8.7,11.7C6.6,17.5,0,24.1,0,34c-0.3,11.6,9,21.3,20.6,21.5 s21.3-9,21.5-20.6c0-0.3,0-0.6,0-0.9C42.2,24.1,35.6,17.5,29.8,11.7z M10.8,35.9c-0.6,0.8-1.2,1.7-1.6,2.6 c-0.1,0.1-0.2,0.3-0.4,0.3H8.7c-0.5,0-1-0.9-1-0.9l0,0c-0.1-0.2-0.3-0.5-0.4-0.7L7.2,37C5.9,34.2,7,30.3,7,30.3l0,0 c0.5-1.9,1.4-3.8,2.5-5.4c0.7-1,1.5-2,2.3-3l1,1l4.7,4.8c0.2,0.2,0.2,0.5,0,0.7l-4.9,5.5l0,0L10.8,35.9z M21.3,49.7 c-4,0-7.3-3.3-7.2-7.3c0-1.8,0.7-3.5,1.8-4.8c1.5-1.8,3.4-3.6,5.5-6c2.4,2.6,4,4.3,5.5,6.3c0.1,0.1,0.2,0.3,0.3,0.5 c0.8,1.2,1.3,2.6,1.3,4.1C28.6,46.5,25.3,49.7,21.3,49.7C21.3,49.7,21.3,49.7,21.3,49.7z M35,38.1L35,38.1 c-0.1,0.3-0.4,0.5-0.7,0.6h-0.1c-0.3-0.1-0.5-0.3-0.7-0.5l0,0c-1.3-1.9-2.7-3.7-4.3-5.3l-1.9-2l-6.4-6.6c-1.3-1.2-2.6-2.6-3.8-3.9 c0-0.1-0.1-0.1-0.1-0.1c-0.2-0.3-0.4-0.6-0.5-1c0-0.1,0-0.1,0-0.2c-0.2-1.1,0.2-2.2,1-3c1.2-1.2,2.5-2.5,3.7-3.8 c1.3,1.4,2.7,2.8,4.1,4.2l0,0c2.8,2.6,5.3,5.5,7.6,8.6c1.9,2.7,2.9,5.8,2.9,9.1C35.6,35.4,35.4,36.8,35,38.1z'/%3e%3c/svg%3e")
    }

    .system-status-general-info__item-icon--clock:before {
        -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='42.659' height='46.603' viewBox='0 0 42.659 46.603'%3e  %3cpath fill='%23FFF' d='M24.15 3.73V0h-8v3.915C6.15 6.13 0 14.717 0 24.978 0 36.92 9.975 46.603 21.918 46.603s20.74-9.682 20.74-21.625c0-10.576-8.507-19.372-18.507-21.25zm7 24.072H17.83V11h5v12.802h8.32v4z'/%3e%3c/svg%3e");
        mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='42.659' height='46.603' viewBox='0 0 42.659 46.603'%3e  %3cpath fill='%23FFF' d='M24.15 3.73V0h-8v3.915C6.15 6.13 0 14.717 0 24.978 0 36.92 9.975 46.603 21.918 46.603s20.74-9.682 20.74-21.625c0-10.576-8.507-19.372-18.507-21.25zm7 24.072H17.83V11h5v12.802h8.32v4z'/%3e%3c/svg%3e")
    }

    .system-status-general-info__item-icon--server:before {
        -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='44' height='34' viewBox='0 0 44 34'%3e  %3cpath fill='%23FFF' d='M29.98 7.018H7.17c-1.208 0-2.197-.748-2.197-2s.99-2 2.2-2h22.81c1.208 0 2.198.748 2.198 2s-.99 2-2.2 2zM37.61 7c-1.104 0-2-.895-2-2s.896-2 2-2 2 .895 2 2-.894 2-2 2zM0 0v10h44V0H0zM29.98 31.018H7.17c-1.208 0-2.197-.748-2.197-2s.99-2 2.2-2h22.81c1.208 0 2.198.748 2.198 2s-.99 2-2.2 2zM37.61 31c-1.104 0-2-.895-2-2s.896-2 2-2 2 .895 2 2-.894 2-2 2zM0 24v10h44V24H0zM29.98 19.018H7.17c-1.208 0-2.197-.748-2.197-2s.99-2 2.2-2h22.81c1.208 0 2.198.748 2.198 2s-.99 2-2.2 2zM37.61 19c-1.104 0-2-.895-2-2s.896-2 2-2 2 .895 2 2-.894 2-2 2zM0 12v10h44V12H0z'/%3e%3c/svg%3e");
        mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='44' height='34' viewBox='0 0 44 34'%3e  %3cpath fill='%23FFF' d='M29.98 7.018H7.17c-1.208 0-2.197-.748-2.197-2s.99-2 2.2-2h22.81c1.208 0 2.198.748 2.198 2s-.99 2-2.2 2zM37.61 7c-1.104 0-2-.895-2-2s.896-2 2-2 2 .895 2 2-.894 2-2 2zM0 0v10h44V0H0zM29.98 31.018H7.17c-1.208 0-2.197-.748-2.197-2s.99-2 2.2-2h22.81c1.208 0 2.198.748 2.198 2s-.99 2-2.2 2zM37.61 31c-1.104 0-2-.895-2-2s.896-2 2-2 2 .895 2 2-.894 2-2 2zM0 24v10h44V24H0zM29.98 19.018H7.17c-1.208 0-2.197-.748-2.197-2s.99-2 2.2-2h22.81c1.208 0 2.198.748 2.198 2s-.99 2-2.2 2zM37.61 19c-1.104 0-2-.895-2-2s.896-2 2-2 2 .895 2 2-.894 2-2 2zM0 12v10h44V12H0z'/%3e%3c/svg%3e")
    }

    .system-status-general-info__item-icon--php:before {
        -webkit-mask-image: url("data:image/svg+xml,%3csvg height='33.447' viewBox='0 0 66 33.447' width='66' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%23fff'%3e%3cpath d='m49.5 12.255h-2.7l-1.473 7h2.4c1.59 0 2.773-.342 3.55-.94.78-.6 1.304-1.62 1.577-3.023.26-1.345.142-1.975-.357-2.528-.5-.553-1.498-.51-2.996-.51z'/%3e%3cpath d='m33 0c-18.225 0-33 7.488-33 16.724s14.775 16.724 33 16.724 33-7.488 33-16.724-14.775-16.724-33-16.724zm-9.328 19.982c-.787.737-1.662 1.376-2.625 1.69-.963.313-2.19.583-3.68.583h-3.377l-.935 5h-3.945l3.52-18h7.584c2.28 0 3.946.34 4.992 1.537s1.36 2.74.944 4.885c-.172.884-.462 1.628-.87 2.36-.413.732-.947 1.338-1.608 1.945zm11.51 2.273 1.558-8.124c.177-.91.112-1.29-.196-1.62s-.962-.255-1.963-.255h-3.126l-2.016 10h-3.913l3.52-18h3.912l-.935 5h3.486c2.193 0 3.706.124 4.54.888.832.765 1.08 1.99.748 3.703l-1.637 8.41h-3.977zm21.747-6.708c-.173.884-.463 1.692-.872 2.424-.41.734-.944 1.404-1.605 2.01-.787.738-1.662 1.377-2.625 1.69-.963.314-2.19.584-3.68.584h-3.377l-.934 5h-3.944l3.518-18h7.584c2.282 0 3.946.34 4.992 1.537 1.046 1.2 1.36 2.61.943 4.757z'/%3e%3cpath d='m18.72 12.255h-2.703l-1.473 7h2.4c1.59 0 2.773-.342 3.552-.94.778-.6 1.303-1.62 1.576-3.023.26-1.345.142-1.975-.357-2.528-.5-.553-1.497-.51-2.996-.51z'/%3e%3c/g%3e%3c/svg%3e");
        mask-image: url("data:image/svg+xml,%3csvg height='33.447' viewBox='0 0 66 33.447' width='66' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%23fff'%3e%3cpath d='m49.5 12.255h-2.7l-1.473 7h2.4c1.59 0 2.773-.342 3.55-.94.78-.6 1.304-1.62 1.577-3.023.26-1.345.142-1.975-.357-2.528-.5-.553-1.498-.51-2.996-.51z'/%3e%3cpath d='m33 0c-18.225 0-33 7.488-33 16.724s14.775 16.724 33 16.724 33-7.488 33-16.724-14.775-16.724-33-16.724zm-9.328 19.982c-.787.737-1.662 1.376-2.625 1.69-.963.313-2.19.583-3.68.583h-3.377l-.935 5h-3.945l3.52-18h7.584c2.28 0 3.946.34 4.992 1.537s1.36 2.74.944 4.885c-.172.884-.462 1.628-.87 2.36-.413.732-.947 1.338-1.608 1.945zm11.51 2.273 1.558-8.124c.177-.91.112-1.29-.196-1.62s-.962-.255-1.963-.255h-3.126l-2.016 10h-3.913l3.52-18h3.912l-.935 5h3.486c2.193 0 3.706.124 4.54.888.832.765 1.08 1.99.748 3.703l-1.637 8.41h-3.977zm21.747-6.708c-.173.884-.463 1.692-.872 2.424-.41.734-.944 1.404-1.605 2.01-.787.738-1.662 1.377-2.625 1.69-.963.314-2.19.584-3.68.584h-3.377l-.934 5h-3.944l3.518-18h7.584c2.282 0 3.946.34 4.992 1.537 1.046 1.2 1.36 2.61.943 4.757z'/%3e%3cpath d='m18.72 12.255h-2.703l-1.473 7h2.4c1.59 0 2.773-.342 3.552-.94.778-.6 1.303-1.62 1.576-3.023.26-1.345.142-1.975-.357-2.528-.5-.553-1.497-.51-2.996-.51z'/%3e%3c/g%3e%3c/svg%3e");
        -webkit-mask-size: 2rem;
        mask-size: 2rem
    }

    .system-status-general-info__item-icon--database:before {
        -webkit-mask-image: url("data:image/svg+xml,%3csvg height='44.262' viewBox='0 0 38.847 44.262' width='38.847' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%23fff'%3e%3cpath d='m19.745 0c5.74.123 12.272.953 16.9 4.668 1.865 1.498 2.786 3.91 1.597 6.126-1.255 2.34-4.13 3.733-6.518 4.6-5.63 2.04-12.113 2.38-18.014 1.573-2.92-.4-5.91-1.103-8.58-2.374-2.19-1.04-4.74-2.805-5.093-5.403-.532-3.925 4.23-6.23 7.264-7.3 3.986-1.408 8.239-1.853 12.444-1.89 4.302.092-3.334.03 0 0z'/%3e%3cpath d='m6.76 17.5c3.702 1.427 7.65 1.972 11.6 2.09 4.058.12 8.107-.424 12.023-1.523 4.227-1.186 7.227-3.624 8.463-6.145v5.965c-.076.524-.197 1.028-.384 1.5-.718 1.81-2.594 2.974-4.235 3.848-4.293 2.286-9.5 3.04-14.31 3.083-4.803.043-9.902-.542-14.3-2.575-1.906-.88-3.9-2.02-4.988-3.887-.66-1.135-.626-2.21-.626-3.486v-4.38c1.232 2.64 3.94 4.422 6.757 5.51z'/%3e%3cpath d='m6.76 26.436c3.702 1.428 7.65 1.973 11.6 2.09 4.058.12 8.107-.423 12.023-1.522 4.227-1.186 7.227-3.624 8.463-6.145v5.964c-.076.524-.197 1.028-.384 1.5-.718 1.81-2.594 2.974-4.235 3.848-4.293 2.286-9.5 3.04-14.31 3.083-4.803.043-9.902-.542-14.3-2.575-1.906-.88-3.9-2.02-4.988-3.887-.66-1.135-.626-2.21-.626-3.486v-4.38c1.232 2.64 3.94 4.422 6.757 5.51z'/%3e%3cpath d='m6.76 35.374c3.702 1.428 7.65 1.973 11.6 2.09 4.058.12 8.107-.423 12.023-1.522 4.227-1.186 7.227-3.624 8.463-6.145v5.965c-.076.524-.197 1.028-.384 1.5-.718 1.81-2.594 2.974-4.235 3.848-4.293 2.286-9.5 3.04-14.31 3.083-4.803.043-9.902-.542-14.3-2.575-1.906-.88-3.9-2.02-4.988-3.887-.66-1.134-.626-2.21-.626-3.485v-4.38c1.232 2.64 3.94 4.422 6.757 5.51z'/%3e%3c/g%3e%3c/svg%3e");
        mask-image: url("data:image/svg+xml,%3csvg height='44.262' viewBox='0 0 38.847 44.262' width='38.847' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%23fff'%3e%3cpath d='m19.745 0c5.74.123 12.272.953 16.9 4.668 1.865 1.498 2.786 3.91 1.597 6.126-1.255 2.34-4.13 3.733-6.518 4.6-5.63 2.04-12.113 2.38-18.014 1.573-2.92-.4-5.91-1.103-8.58-2.374-2.19-1.04-4.74-2.805-5.093-5.403-.532-3.925 4.23-6.23 7.264-7.3 3.986-1.408 8.239-1.853 12.444-1.89 4.302.092-3.334.03 0 0z'/%3e%3cpath d='m6.76 17.5c3.702 1.427 7.65 1.972 11.6 2.09 4.058.12 8.107-.424 12.023-1.523 4.227-1.186 7.227-3.624 8.463-6.145v5.965c-.076.524-.197 1.028-.384 1.5-.718 1.81-2.594 2.974-4.235 3.848-4.293 2.286-9.5 3.04-14.31 3.083-4.803.043-9.902-.542-14.3-2.575-1.906-.88-3.9-2.02-4.988-3.887-.66-1.135-.626-2.21-.626-3.486v-4.38c1.232 2.64 3.94 4.422 6.757 5.51z'/%3e%3cpath d='m6.76 26.436c3.702 1.428 7.65 1.973 11.6 2.09 4.058.12 8.107-.423 12.023-1.522 4.227-1.186 7.227-3.624 8.463-6.145v5.964c-.076.524-.197 1.028-.384 1.5-.718 1.81-2.594 2.974-4.235 3.848-4.293 2.286-9.5 3.04-14.31 3.083-4.803.043-9.902-.542-14.3-2.575-1.906-.88-3.9-2.02-4.988-3.887-.66-1.135-.626-2.21-.626-3.486v-4.38c1.232 2.64 3.94 4.422 6.757 5.51z'/%3e%3cpath d='m6.76 35.374c3.702 1.428 7.65 1.973 11.6 2.09 4.058.12 8.107-.423 12.023-1.522 4.227-1.186 7.227-3.624 8.463-6.145v5.965c-.076.524-.197 1.028-.384 1.5-.718 1.81-2.594 2.974-4.235 3.848-4.293 2.286-9.5 3.04-14.31 3.083-4.803.043-9.902-.542-14.3-2.575-1.906-.88-3.9-2.02-4.988-3.887-.66-1.134-.626-2.21-.626-3.485v-4.38c1.232 2.64 3.94 4.422 6.757 5.51z'/%3e%3c/g%3e%3c/svg%3e")
    }
}

.system-status-general-info__item-details {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    width: calc(100% - 3.75rem);
    padding-left: .625rem;
    font-size: .875rem
}

[dir=rtl] .system-status-general-info__item-details {
    padding-right: .625rem;
    padding-left: 0
}

.system-status-general-info__item-title {
    margin: 0 0 .5rem;
    font-size: 1.125rem
}

.system-status-general-info__sub-item-title {
    margin: .875rem 0 0;
    font-size: .875rem
}

.system-status-general-info__sub-item__title {
    font-weight: 700
}

.system-status-general-info__sub-item__value {
    display: block
}

.system-status-general-info__run-cron {
    margin: 1em 0 0
}

@media screen and (min-width: 48em) {
    .system-status-general-info__items {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .system-status-general-info__items:after {
        flex: auto;
        content: ""
    }

    .system-status-general-info__item {
        display: block;
        width: 32%
    }

    .system-status-general-info__item:last-of-type {
        margin-left: 2%
    }
}

@media screen and (max-width: 48em) {
    .system-status-general-info__header {
        display: none
    }

    .system-status-general-info {
        margin-top: 1.5625rem;
        border-top: 0
    }
}

.system-status-report__requirements-group {
    padding-top: 1.25rem
}

.system-status-report__entry {
    overflow: auto;
    width: 100%;
    margin: 0;
    border: 0;
    border-radius: 0;
    background-color: transparent
}

.system-status-report__entry--error {
    background-color: transparent
}

.system-status-report__entry--warning {
    background-color: transparent
}

.system-status-report__entry__value h3 {
    margin-top: .625rem;
    margin-bottom: .625rem;
    font-size: 1.231em
}

.system-status-report .claro-details {
    border: none;
    border-bottom: 1px solid #dedfe4;
    box-shadow: none
}

.system-status-report__status-title {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 1em 1em 1em 3em;
    font-weight: 700
}

.system-status-report__status-title .details-title {
    text-transform: none;
    color: inherit
}

.system-status-report__status-title .details-title {
    padding-left: 3em
}

[dir=rtl] .system-status-report__status-title .details-title {
    padding-right: 3em;
    padding-left: 0
}

[dir=rtl].details .system-status-report__status-title {
    padding: 1em 3em 1em 1em
}

.system-status-report__status-title .details-title:before, .details .system-status-report__status-icon:before {
    position: absolute;
    top: 1em;
    left: .625rem;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    margin-right: .625rem;
    content: "";
    vertical-align: top;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain
}

[dir=rtl] .system-status-report__status-title .details-title:before, [dir=rtl].details .system-status-report__status-title:before {
    right: .625rem;
    left: auto;
    margin-right: 0
}

.system-status-report__status-icon--error .details-title:before, .details .system-status-report__status-icon--error:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23dc2323'%3e%3cpath d='M8.002 1c-3.868 0-7.002 3.134-7.002 7s3.134 7 7.002 7c3.865 0 7-3.134 7-7s-3.135-7-7-7zm4.025 9.284c.062.063.1.149.1.239 0 .091-.037.177-.1.24l-1.262 1.262c-.064.062-.15.1-.24.1s-.176-.036-.24-.1l-2.283-2.283-2.286 2.283c-.064.062-.15.1-.24.1s-.176-.036-.24-.1l-1.261-1.262c-.063-.062-.1-.148-.1-.24 0-.088.036-.176.1-.238l2.283-2.285-2.283-2.284c-.063-.064-.1-.15-.1-.24s.036-.176.1-.24l1.262-1.262c.063-.063.149-.1.24-.1.089 0 .176.036.24.1l2.285 2.284 2.283-2.284c.064-.063.15-.1.24-.1s.176.036.24.1l1.262 1.262c.062.063.1.149.1.24 0 .089-.037.176-.1.24l-2.283 2.284 2.283 2.284z'/%3e%3c/svg%3e")
}

.system-status-report__status-icon--warning .details-title:before, .details .system-status-report__status-icon--warning:before {
    background-image: url("data:image/svg+xml,%3csvg fill='%23e29700' height='16' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m14.66 12.316-5.316-10.633c-.738-1.476-1.946-1.476-2.685 0l-5.317 10.633c-.738 1.477.008 2.684 1.658 2.684h10.002c1.65 0 2.396-1.207 1.658-2.684zm-7.66-8.316h2.002v5h-2.002zm2.252 8.615c0 .344-.281.625-.625.625h-1.25c-.345 0-.626-.281-.626-.625v-1.239c0-.344.281-.625.626-.625h1.25c.344 0 .625.281.625.625z'/%3e%3c/svg%3e")
}

@media (forced-colors: active) {
    .system-status-report__status-title .details-title:before, .details .system-status-report__status-icon:before {
        background-color: canvastext;
        background-image: none;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: top center;
        mask-position: top center;
        -webkit-mask-size: contain;
        mask-size: contain
    }

    .system-status-report__status-icon--error .details-title:before, .details .system-status-report__status-icon--error:before {
        -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23dc2323'%3e%3cpath d='M8.002 1c-3.868 0-7.002 3.134-7.002 7s3.134 7 7.002 7c3.865 0 7-3.134 7-7s-3.135-7-7-7zm4.025 9.284c.062.063.1.149.1.239 0 .091-.037.177-.1.24l-1.262 1.262c-.064.062-.15.1-.24.1s-.176-.036-.24-.1l-2.283-2.283-2.286 2.283c-.064.062-.15.1-.24.1s-.176-.036-.24-.1l-1.261-1.262c-.063-.062-.1-.148-.1-.24 0-.088.036-.176.1-.238l2.283-2.285-2.283-2.284c-.063-.064-.1-.15-.1-.24s.036-.176.1-.24l1.262-1.262c.063-.063.149-.1.24-.1.089 0 .176.036.24.1l2.285 2.284 2.283-2.284c.064-.063.15-.1.24-.1s.176.036.24.1l1.262 1.262c.062.063.1.149.1.24 0 .089-.037.176-.1.24l-2.283 2.284 2.283 2.284z'/%3e%3c/svg%3e");
        mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23dc2323'%3e%3cpath d='M8.002 1c-3.868 0-7.002 3.134-7.002 7s3.134 7 7.002 7c3.865 0 7-3.134 7-7s-3.135-7-7-7zm4.025 9.284c.062.063.1.149.1.239 0 .091-.037.177-.1.24l-1.262 1.262c-.064.062-.15.1-.24.1s-.176-.036-.24-.1l-2.283-2.283-2.286 2.283c-.064.062-.15.1-.24.1s-.176-.036-.24-.1l-1.261-1.262c-.063-.062-.1-.148-.1-.24 0-.088.036-.176.1-.238l2.283-2.285-2.283-2.284c-.063-.064-.1-.15-.1-.24s.036-.176.1-.24l1.262-1.262c.063-.063.149-.1.24-.1.089 0 .176.036.24.1l2.285 2.284 2.283-2.284c.064-.063.15-.1.24-.1s.176.036.24.1l1.262 1.262c.062.063.1.149.1.24 0 .089-.037.176-.1.24l-2.283 2.284 2.283 2.284z'/%3e%3c/svg%3e")
    }

    .system-status-report__status-icon--warning .details-title:before, .details .system-status-report__status-icon--warning:before {
        -webkit-mask-image: url("data:image/svg+xml,%3csvg fill='%23e29700' height='16' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m14.66 12.316-5.316-10.633c-.738-1.476-1.946-1.476-2.685 0l-5.317 10.633c-.738 1.477.008 2.684 1.658 2.684h10.002c1.65 0 2.396-1.207 1.658-2.684zm-7.66-8.316h2.002v5h-2.002zm2.252 8.615c0 .344-.281.625-.625.625h-1.25c-.345 0-.626-.281-.626-.625v-1.239c0-.344.281-.625.626-.625h1.25c.344 0 .625.281.625.625z'/%3e%3c/svg%3e");
        mask-image: url("data:image/svg+xml,%3csvg fill='%23e29700' height='16' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m14.66 12.316-5.316-10.633c-.738-1.476-1.946-1.476-2.685 0l-5.317 10.633c-.738 1.477.008 2.684 1.658 2.684h10.002c1.65 0 2.396-1.207 1.658-2.684zm-7.66-8.316h2.002v5h-2.002zm2.252 8.615c0 .344-.281.625-.625.625h-1.25c-.345 0-.626-.281-.626-.625v-1.239c0-.344.281-.625.626-.625h1.25c.344 0 .625.281.625.625z'/%3e%3c/svg%3e")
    }
}

.system-status-report__entry__value {
    box-sizing: border-box;
    padding: 0 1em 1em 3em;
    font-size: .875rem
}

[dir=rtl] .system-status-report__entry__value {
    padding-right: 3em;
    padding-left: 1em
}

.claro-details__summary--system-status-report {
    background: #f3f4f9
}

@media screen and (max-width: 48em) {
    .system-status-report {
        word-wrap: break-word
    }
}

@media screen and (min-width: 48em) {
    .system-status-report__entry:after {
        display: table;
        clear: both;
        content: ""
    }

    .system-status-report__status-title {
        width: 18rem;
        cursor: default
    }

    .system-status-report__status-title:hover, .system-status-report__status-title:focus {
        text-decoration: none
    }

    html.js .system-status-report__status-title::-webkit-details-marker {
        display: none
    }

    .collapse-processed > .system-status-report__status-title:before {
        position: relative;
        top: .1875rem
    }

    .system-status-report__entry__value {
        display: block;
        width: calc(100% - 23em);
        padding-top: 1em;
        padding-left: 0
    }

    [dir=rtl] .system-status-report__entry__value {
        padding-right: 3em;
        padding-left: 0
    }
}

.system-status-counter {
    display: inline-block;
    overflow-y: hidden;
    box-sizing: border-box;
    width: 100%;
    white-space: nowrap
}

.system-status-counter__status-icon {
    display: inline-block;
    width: 4.0625rem;
    height: 3.75rem;
    vertical-align: middle
}

[dir=rtl] .system-status-counter__status-icon {
    border-right: 0;
    border-left: 1px solid #e6e4df
}

.system-status-counter__status-icon:before {
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 2.5rem
}

.system-status-counter__status-icon--error:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23dc2323'%3e%3cpath d='M8.002 1c-3.868 0-7.002 3.134-7.002 7s3.134 7 7.002 7c3.865 0 7-3.134 7-7s-3.135-7-7-7zm4.025 9.284c.062.063.1.149.1.239 0 .091-.037.177-.1.24l-1.262 1.262c-.064.062-.15.1-.24.1s-.176-.036-.24-.1l-2.283-2.283-2.286 2.283c-.064.062-.15.1-.24.1s-.176-.036-.24-.1l-1.261-1.262c-.063-.062-.1-.148-.1-.24 0-.088.036-.176.1-.238l2.283-2.285-2.283-2.284c-.063-.064-.1-.15-.1-.24s.036-.176.1-.24l1.262-1.262c.063-.063.149-.1.24-.1.089 0 .176.036.24.1l2.285 2.284 2.283-2.284c.064-.063.15-.1.24-.1s.176.036.24.1l1.262 1.262c.062.063.1.149.1.24 0 .089-.037.176-.1.24l-2.283 2.284 2.283 2.284z'/%3e%3c/svg%3e")
}

.system-status-counter__status-icon--warning:before {
    background-image: url("data:image/svg+xml,%3csvg fill='%23e29700' height='16' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m14.66 12.316-5.316-10.633c-.738-1.476-1.946-1.476-2.685 0l-5.317 10.633c-.738 1.477.008 2.684 1.658 2.684h10.002c1.65 0 2.396-1.207 1.658-2.684zm-7.66-8.316h2.002v5h-2.002zm2.252 8.615c0 .344-.281.625-.625.625h-1.25c-.345 0-.626-.281-.626-.625v-1.239c0-.344.281-.625.626-.625h1.25c.344 0 .625.281.625.625z'/%3e%3c/svg%3e")
}

.system-status-counter__status-icon--checked:before {
    background-image: url("data:image/svg+xml,%3csvg fill='%2373b355' height='16' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m6.464 13.676c-.194.194-.513.194-.707 0l-4.96-4.955c-.194-.193-.194-.513 0-.707l1.405-1.407c.194-.195.512-.195.707 0l2.849 2.848c.194.193.513.193.707 0l6.629-6.626c.195-.194.514-.194.707 0l1.404 1.404c.193.194.193.513 0 .707z'/%3e%3c/svg%3e")
}

@media (forced-colors: active) {
    .system-status-counter__status-icon:before {
        background-color: canvastext;
        background-image: none;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: right center;
        mask-position: right center;
        -webkit-mask-size: 2.5rem;
        mask-size: 2.5rem
    }

    .system-status-counter__status-icon--error:before {
        -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23dc2323'%3e%3cpath d='M8.002 1c-3.868 0-7.002 3.134-7.002 7s3.134 7 7.002 7c3.865 0 7-3.134 7-7s-3.135-7-7-7zm4.025 9.284c.062.063.1.149.1.239 0 .091-.037.177-.1.24l-1.262 1.262c-.064.062-.15.1-.24.1s-.176-.036-.24-.1l-2.283-2.283-2.286 2.283c-.064.062-.15.1-.24.1s-.176-.036-.24-.1l-1.261-1.262c-.063-.062-.1-.148-.1-.24 0-.088.036-.176.1-.238l2.283-2.285-2.283-2.284c-.063-.064-.1-.15-.1-.24s.036-.176.1-.24l1.262-1.262c.063-.063.149-.1.24-.1.089 0 .176.036.24.1l2.285 2.284 2.283-2.284c.064-.063.15-.1.24-.1s.176.036.24.1l1.262 1.262c.062.063.1.149.1.24 0 .089-.037.176-.1.24l-2.283 2.284 2.283 2.284z'/%3e%3c/svg%3e");
        mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23dc2323'%3e%3cpath d='M8.002 1c-3.868 0-7.002 3.134-7.002 7s3.134 7 7.002 7c3.865 0 7-3.134 7-7s-3.135-7-7-7zm4.025 9.284c.062.063.1.149.1.239 0 .091-.037.177-.1.24l-1.262 1.262c-.064.062-.15.1-.24.1s-.176-.036-.24-.1l-2.283-2.283-2.286 2.283c-.064.062-.15.1-.24.1s-.176-.036-.24-.1l-1.261-1.262c-.063-.062-.1-.148-.1-.24 0-.088.036-.176.1-.238l2.283-2.285-2.283-2.284c-.063-.064-.1-.15-.1-.24s.036-.176.1-.24l1.262-1.262c.063-.063.149-.1.24-.1.089 0 .176.036.24.1l2.285 2.284 2.283-2.284c.064-.063.15-.1.24-.1s.176.036.24.1l1.262 1.262c.062.063.1.149.1.24 0 .089-.037.176-.1.24l-2.283 2.284 2.283 2.284z'/%3e%3c/svg%3e")
    }

    .system-status-counter__status-icon--warning:before {
        -webkit-mask-image: url("data:image/svg+xml,%3csvg fill='%23e29700' height='16' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m14.66 12.316-5.316-10.633c-.738-1.476-1.946-1.476-2.685 0l-5.317 10.633c-.738 1.477.008 2.684 1.658 2.684h10.002c1.65 0 2.396-1.207 1.658-2.684zm-7.66-8.316h2.002v5h-2.002zm2.252 8.615c0 .344-.281.625-.625.625h-1.25c-.345 0-.626-.281-.626-.625v-1.239c0-.344.281-.625.626-.625h1.25c.344 0 .625.281.625.625z'/%3e%3c/svg%3e");
        mask-image: url("data:image/svg+xml,%3csvg fill='%23e29700' height='16' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m14.66 12.316-5.316-10.633c-.738-1.476-1.946-1.476-2.685 0l-5.317 10.633c-.738 1.477.008 2.684 1.658 2.684h10.002c1.65 0 2.396-1.207 1.658-2.684zm-7.66-8.316h2.002v5h-2.002zm2.252 8.615c0 .344-.281.625-.625.625h-1.25c-.345 0-.626-.281-.626-.625v-1.239c0-.344.281-.625.626-.625h1.25c.344 0 .625.281.625.625z'/%3e%3c/svg%3e")
    }

    .system-status-counter__status-icon--checked:before {
        -webkit-mask-image: url("data:image/svg+xml,%3csvg fill='%2373b355' height='16' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m6.464 13.676c-.194.194-.513.194-.707 0l-4.96-4.955c-.194-.193-.194-.513 0-.707l1.405-1.407c.194-.195.512-.195.707 0l2.849 2.848c.194.193.513.193.707 0l6.629-6.626c.195-.194.514-.194.707 0l1.404 1.404c.193.194.193.513 0 .707z'/%3e%3c/svg%3e");
        mask-image: url("data:image/svg+xml,%3csvg fill='%2373b355' height='16' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m6.464 13.676c-.194.194-.513.194-.707 0l-4.96-4.955c-.194-.193-.194-.513 0-.707l1.405-1.407c.194-.195.512-.195.707 0l2.849 2.848c.194.193.513.193.707 0l6.629-6.626c.195-.194.514-.194.707 0l1.404 1.404c.193.194.193.513 0 .707z'/%3e%3c/svg%3e")
    }
}

.system-status-counter__status-title {
    display: inline-block;
    padding: 0 1.125rem;
    vertical-align: middle;
    font-size: 1.125em;
    font-weight: 700;
    line-height: 1em
}

.system-status-counter__title-count {
    display: block;
    margin-bottom: .5rem
}

.system-status-counter__details {
    display: block;
    text-transform: none;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5
}

@media screen and (min-width: 61rem) {
    .system-status-report-counters__item {
        padding-top: .75rem;
        padding-bottom: .75rem
    }

    .system-status-counter__status-icon, .system-status-counter {
        height: 4.0625rem
    }

    .system-status-counter__status-icon {
        width: 4.0625rem
    }
}

.system-status-report-counters__item {
    width: 100%;
    margin: .625rem 0
}

@media screen and (min-width: 60em) {
    .system-status-report-counters__item {
        margin-bottom: 1.25rem
    }

    .system-status-report-counters {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .system-status-report-counters__item--half-width {
        width: 49%
    }

    .system-status-report-counters__item--third-width {
        width: 32%
    }
}

td.checkbox, th.checkbox {
    text-align: center
}

[dir=rtl] td.checkbox, [dir=rtl] th.checkbox {
    text-align: center
}

tr.selected td {
    background-color: #e5edff
}

.tabs-wrapper > nav {
    width: 100%
}

.tabs {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0 0 1.5rem;
    border: 1px solid #d3d4d9;
    border-radius: 2px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1)
}

[dir=rtl] .tabs {
    margin: 0 0 1.5rem
}

.tabs__tab {
    position: relative;
    border-bottom: 1px solid #d3d4d9;
    background-color: #f9faff;
    font-size: .889rem;
    font-weight: 700
}

.tabs__tab:last-child {
    border-bottom: 0
}

.tabs__tab.is-active {
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1)
}

.tabs__link {
    position: relative;
    display: flex;
    overflow: hidden;
    flex-grow: 1;
    align-items: center;
    box-sizing: border-box;
    min-height: 3rem;
    padding: .75rem 1.5rem;
    text-decoration: none;
    color: #55565b;
    line-height: 1.2rem
}

.tabs__link:focus {
    min-height: calc(3.1875rem - 1px);
    margin: -1px;
    padding-left: calc(1.3125rem + 1px);
    text-decoration: none;
    color: #55565b;
    border: 3px solid #26a769;
    border-radius: 2px;
    outline: none;
    box-shadow: none
}

[dir=rtl] .tabs__link:focus {
    padding-right: calc(1.3125rem + 1px);
    padding-left: 1.5rem
}

.tabs__link:hover {
    text-decoration: none;
    color: #232429
}

.tabs__link.is-active {
    z-index: 1;
    flex-grow: 1;
    color: #003ecc
}

.tabs__link.is-active:focus {
    margin: -1px 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    border-left: none;
    border-radius: 0
}

.tabs__link:not(.is-active):focus {
    z-index: 3
}

[dir=rtl] .tabs__link.is-active:focus {
    border-right: none;
    border-left: 3px solid #26a769
}

.tabs__link.is-active:hover {
    color: #232429
}

.tabs__tab:before, .tabs__link:before {
    position: absolute;
    display: block;
    content: ""
}

.tabs__tab.is-active:before {
    z-index: 2;
    top: -1px;
    left: -1px;
    width: .1875rem;
    height: calc(100% + 2px);
    border-left: 3px solid #003ecc;
    border-top-left-radius: 2px
}

[dir=rtl] .tabs__tab.is-active:before {
    right: -1px;
    left: auto;
    border-right: 3px solid #003ecc;
    border-left: none;
    border-radius: 0 2px
}

.tabs.is-open .tabs__tab.is-active:before {
    border-bottom-left-radius: 0
}

[dir=rtl] .tabs.is-open .tabs__tab.is-active:before {
    border-bottom-right-radius: 2px
}

.tabs__tab.is-active:focus:before {
    top: -.1875rem;
    height: calc(3rem + 2px)
}

.tabs__tab:not(.is-active) {
    display: none
}

.tabs--secondary .tabs__tab:not(.is-active) {
    display: block
}

.tabs.is-open > .tabs__tab {
    display: flex
}

.tabs__trigger {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 3rem;
    padding-right: 1px;
    text-align: center;
    border-left: 1px solid rgba(216, 217, 224, .8)
}

[dir=rtl] .tabs__trigger {
    border-right: 1px solid rgba(216, 217, 224, .8);
    border-left: none
}

.tabs__trigger:focus {
    padding-right: 0;
    border: 3px solid #26a769;
    border-radius: 2px;
    box-shadow: none
}

@media screen and (min-width: 48em) {
    .tabs-wrapper {
        display: flex
    }

    .tabs-wrapper--secondary {
        position: relative
    }

    .is-horizontal .tabs {
        flex-direction: row;
        width: auto;
        margin: 0;
        border: 0;
        box-shadow: none
    }

    .is-horizontal .tabs--secondary {
        overflow: hidden;
        margin: -.375rem -.375rem 0;
        padding: .375rem .375rem 0;
        border-radius: 0
    }

    .is-horizontal .tabs--secondary .tabs__tab {
        font-size: .889rem
    }

    .is-horizontal .tabs--secondary .tabs__link {
        min-height: 2.5rem;
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .is-horizontal .tabs--secondary .tabs__link:focus {
        min-height: 2.5rem
    }

    .is-horizontal .tabs--secondary:after {
        position: absolute;
        bottom: 0;
        left: 0;
        display: block;
        width: 100%;
        content: "";
        border-bottom: 1px solid #d3d4d9
    }

    .is-horizontal .tabs__tab {
        border-top: none;
        border-bottom: none;
        background: 0 0;
        font-size: 1rem
    }

    .is-horizontal .tabs__tab.is-active {
        order: 0;
        background: 0 0;
        box-shadow: none
    }

    .is-horizontal .tabs__tab.is-active:before {
        content: none
    }

    .is-horizontal .tabs__tab .tabs__link.is-active:before {
        border-radius: 0
    }

    .is-horizontal .tabs__trigger {
        display: none
    }

    .is-horizontal .tabs__tab {
        display: block
    }

    .is-horizontal .tabs__link {
        padding-right: 2rem;
        padding-left: 2rem;
        border-radius: 2px 2px 0 0
    }

    .is-horizontal .tabs__link:focus {
        min-height: 3rem;
        margin: 0;
        padding-right: 2rem;
        padding-left: 2rem;
        color: #232429;
        border: none;
        border-radius: 2px 2px 0 0;
        outline: 2px dotted transparent;
        box-shadow: 0 0 0 2px #fff, 0 0 0 5px #26a769
    }

    [dir=rtl] .is-horizontal .tabs__link:focus {
        border: none
    }

    .is-horizontal .tabs--primary .tabs__link:focus {
        box-shadow: 0 0 0 2px #f3f4f9, 0 0 0 5px #26a769
    }

    .is-horizontal .tabs__link:hover {
        color: #0036b1;
        background: #e5edff
    }

    .is-horizontal .tabs__link.is-active:before {
        top: auto;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: .1875rem;
        border-right: none;
        border-bottom: 3px solid #003ecc;
        border-left: none
    }
}

details.fieldset-no-legend {
    padding-top: 0
}

.views-ui-dialog input.form-submit, .views-admin a.button, .views-ui-dialog a.button {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0
}

[dir=rtl] .views-ui-dialog input.form-submit, [dir=rtl] .views-admin a.button, [dir=rtl] .views-ui-dialog a.button {
    margin-right: 1em;
    margin-left: 0
}

[dir=rtl] .views-ui-dialog input.form-submit:first-child, [dir=rtl] .views-admin a.button:first-child, [dir=rtl] .views-ui-dialog a.button:first-child {
    margin-right: 0
}

.views-ui-dialog .form--flex {
    display: flex;
    overflow: hidden;
    flex-wrap: wrap
}

.views-ui-dialog .form-item {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.views-ui-dialog .form-type--boolean {
    margin-right: 0;
    margin-left: 0
}

.views-ui-dialog .form-type--boolean .form-boolean {
    top: 0;
    float: none;
    margin: 0 .25rem 0 0;
    transform: none
}

[dir=rtl] .views-ui-dialog .form-type--boolean .form-boolean {
    margin-right: 0;
    margin-left: .25rem
}

.views-ui-dialog .form-boolean-group .form-type--boolean {
    margin-top: .4em;
    margin-bottom: .4em
}

.views-ui-dialog .form-item:first-of-type.description {
    margin: 0 0 1.5rem;
    padding-bottom: .75rem;
    border-bottom: .0625rem solid #d3d4d9;
    font-weight: 700
}

.views-ui-dialog .draggable .form-type--checkbox {
    display: inline-block;
    margin: 0 .25rem
}

.views-ui-dialog .form-element {
    min-height: calc(2.3125rem - 2px);
    padding: calc(.5rem - 2px) calc(1rem - 1px);
    font-size: .79rem;
    line-height: 1.3125rem
}

[dir=ltr] .views-ui-dialog .form-element--type-select {
    padding-right: calc(2rem - 1px)
}

[dir=rtl] .views-ui-dialog .form-element--type-select {
    padding-left: calc(2rem - 1px)
}

.views-ui-dialog .form-element--type-select {
    background-position-y: 56%
}

.views-ui-dialog td .form-element {
    width: auto
}

.form-item-options-expose-required, .form-item-options-expose-label, .form-item-options-expose-field-identifier, .form-item-options-expose-description {
    margin-left: 1.5em
}

[dir=rtl] .form-item-options-expose-required, [dir=rtl] .form-item-options-expose-label, [dir=rtl] .form-item-options-expose-field-identifier, [dir=rtl] .form-item-options-expose-description {
    margin-right: 1.5em;
    margin-left: 0
}

.views-admin-dependent .form-item .form-item, .views-admin-dependent .form-type-checkboxes, .views-admin-dependent .form-type-radios, .views-admin-dependent .form-item .form-item, .form-item-options-expose-required, .form-item-options-expose-label, .form-item-options-expose-field-identifier, .form-item-options-expose-description {
    margin-top: .375rem;
    margin-bottom: .375rem
}

.views-admin-dependent .form-type-radio, .views-admin-dependent .form-radios .form-item {
    margin-top: 2px;
    margin-bottom: 2px
}

.views-admin .item-list ul {
    margin: 0;
    padding: 0
}

.views-admin .links li {
    padding-right: 0
}

[dir=rtl] .views-admin .links li {
    padding-left: 0
}

.views-admin .button .links li {
    padding-right: .75rem
}

[dir=rtl] .views-admin .button .links li {
    padding-left: .75rem
}

.views-display-top__extra-actions-wrapper {
    margin: .25rem .5rem .5rem
}

.views-ui-rearrange-filter-form td, .views-ui-rearrange-filter-form th {
    vertical-align: top
}

#edit-display-settings-title {
    color: #3371ff
}

.views-tabs {
    display: flex;
    overflow: visible;
    flex-wrap: wrap;
    margin: 0 1.5rem 0 0;
    padding: 0;
    list-style: none;
    text-align: left;
    border-bottom: 0 none
}

[dir=rtl] .views-tabs {
    margin-right: 0;
    margin-left: 1.5rem;
    text-align: right
}

.views-tabs .views-display-deleted-link {
    text-decoration: line-through
}

.views-tabs li, .views-tabs li.is-active {
    width: auto;
    padding: 0;
    border: 0;
    background: 0 0
}

.views-tabs li.add ul.action-list li {
    margin: 0
}

.views-tabs li {
    margin: 0 .3125rem .3125rem .375rem
}

[dir=rtl] .views-tabs li {
    margin-right: .375rem;
    margin-left: .3125rem
}

.views-tabs li + li {
    border-top: 0
}

.views-tabs li:hover {
    padding-left: 0;
    border: 0
}

[dir=rtl] .views-tabs li:hover {
    padding-right: 0
}

.views-tabs a {
    display: inline-block;
    padding: .625rem;
    border: 1px solid #cbcbcb;
    border-radius: .4375rem;
    font-size: small;
    line-height: 1.3333
}

.views-tabs li.is-active a.is-active.error, .views-tabs .error {
    padding: .5rem;
    border: 2px solid #ed541d
}

.views-tabs a:focus {
    outline: none
}

.views-tabs li a {
    text-decoration: none;
    background-color: #fff
}

.views-tabs li a:hover, .views-tabs li.is-active a, .views-tabs li.is-active a.is-active {
    color: #fff;
    background-color: #555
}

.views-tabs .add {
    position: relative
}

.views-tabs .add a {
    padding: .5625rem .8125rem .5625rem .5625rem;
    color: #55565b;
    border: none;
    border-radius: 2px;
    background-color: transparent;
    font-size: 1rem;
    font-weight: 700
}

.views-tabs .add a:before {
    display: inline-block;
    width: 1em;
    height: calc(1em - 2px);
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' stroke-width='2' stroke='%23545560'%3E%3Cpath d='m3 8h10'/%3E%3Cpath d='m8 3v10'/%3E%3C/svg%3E")
}

.views-tabs .add a:hover {
    color: #0036b1;
    background-color: #f5f8ff
}

.views-tabs .add a:hover:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' stroke-width='2' stroke='%230036b1'%3E%3Cpath d='m3 8h10'/%3E%3Cpath d='m8 3v10'/%3E%3C/svg%3E")
}

.views-tabs .add a:focus {
    background-color: #e5edff;
    box-shadow: 0 0 0 3px #26a769
}

.views-tabs .add.open a {
    color: #fff;
    background-color: #003ecc
}

.views-tabs .add.open a:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' stroke-width='2' stroke='%23FFFFFF'%3E%3Cpath d='m3 8h10'/%3E%3Cpath d='m8 3v10'/%3E%3C/svg%3E")
}

.views-tabs .add .icon.add {
    display: none
}

.views-tabs .action-list {
    position: absolute;
    z-index: 50;
    top: 2.375rem;
    left: -2px;
    margin: 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1)
}

[dir=rtl] .views-tabs .action-list {
    right: 0;
    left: auto
}

.views-tabs .action-list li {
    display: block
}

.views-tabs .action-list li {
    border-width: 0 1px;
    border-style: solid;
    border-color: #cbcbcb;
    background-color: #fff
}

.views-tabs .action-list li:first-child {
    border-width: 1px 1px 0;
    border-radius: 0 2px 0 0
}

[dir=rtl] .views-tabs .action-list li:first-child {
    border-radius: 0 0 0 2px
}

.views-tabs .action-list li:last-child, .views-displays .action-list li:last-child {
    padding-bottom: .4rem;
    border-width: 0 1px 1px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px
}

.views-tabs__action-list-button {
    width: 100%;
    margin: 0;
    padding: .75rem 1.5rem;
    text-align: left;
    border: medium none;
    border-radius: 0;
    background: none repeat scroll 0 0 transparent;
    font-weight: 400
}

[dir=rtl] .views-tabs__action-list-button {
    margin: 0
}

.views-tabs__action-list-button.button:hover, .views-tabs__action-list-button.button:focus {
    color: #fff;
    background-color: #003ecc
}

.views-tabs__action-list-button:not(:focus) {
    box-shadow: none
}

.views-ui-display-tab-bucket .links {
    padding: 2px .375rem .25rem
}

.views-ui-display-tab-bucket .links li + li {
    margin-left: .1875rem
}

[dir=rtl] .views-ui-display-tab-bucket .links li + li {
    margin-right: .1875rem;
    margin-left: 0
}

.views-ui-rearrange-filter-form tr {
    border-bottom: 0
}

.views-ui-rearrange-filter-form tr:first-of-type {
    border-top: .0625rem solid #d3d4d9
}

.views-ui-rearrange-filter-form tr:not(.draggable):hover {
    background: inherit
}

.views-ui-rearrange-filter-form .action-links {
    float: left;
    margin: 0 0 1em;
    padding: 0
}

.views-ui-rearrange-filter-form .tabledrag-toggle-weight-wrapper {
    float: right
}

.views-ui-rearrange-filter-form .tabledrag-cell {
    position: relative
}

.views-ui-rearrange-filter-form [id^=views-row] {
    border: medium none
}

.views-ui-rearrange-filter-form tr td:last-child {
    border-right: medium none
}

[dir=rtl] .views-ui-rearrange-filter-form tr td:last-child {
    border-right: 0;
    border-right: initial;
    border-left: medium none
}

.views-ui-rearrange-filter-form .filter-group-operator-row {
    border-right: 1px solid transparent !important;
    border-left: 1px solid transparent !important
}

.views-ui-rearrange-filter-form tr.drag td {
    background-color: #fe7 !important
}

.views-ui-rearrange-filter-form tr.drag-previous td {
    background-color: #ffb !important
}

.views-ui-rearrange-filter-form .draggable td {
    vertical-align: middle
}

.views-query-info pre {
    margin-top: 0;
    margin-bottom: 0
}

.views-query-info table {
    border-radius: .4375rem;
    -webkit-border-horizontal-spacing: 1px;
    -webkit-border-vertical-spacing: 1px
}

.views-query-info table tr td:last-child {
    border-right: 0 none
}

[dir=rtl] .views-query-info table tr td:last-child {
    border-right: 0;
    border-right: initial;
    border-left: 0 none
}

.form-item-page-create, .form-item-block-create {
    margin-top: .8125rem
}

.filterable-option .form-item.form-type-checkbox {
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .25rem
}

[dir=rtl] .filterable-option .form-item.form-type-checkbox {
    padding-right: .25rem;
    padding-left: .5rem
}

.views-config-group-region {
    display: table;
    margin: 1.5rem 0;
    border: .0625rem solid #d3d4d9;
    border-collapse: collapse
}

.views-config-group-region .views-group-box {
    position: relative;
    display: table-cell;
    padding: 1.5rem;
    border: .0625rem solid #d3d4d9
}

.views-config-group-region .views-group-box--operator {
    padding-right: 3rem;
    border-right-width: 0
}

[dir=rtl] .views-config-group-region .views-group-box--operator {
    padding-right: 1.5rem;
    padding-left: 3rem;
    border-right-width: .0625rem;
    border-left-width: 0
}

.views-config-group-region .views-group-box--value {
    padding: 0;
    border-left-width: 0
}

[dir=rtl] .views-config-group-region .views-group-box--value {
    border-right-width: 0;
    border-left-width: .0625rem
}

.views-config-group-region .views-group-box--value > .form-item {
    margin-right: 1.5rem;
    margin-left: 3rem
}

[dir=rtl] .views-config-group-region .views-group-box--value > .form-item {
    margin-right: 3rem;
    margin-left: 1.5rem
}

.views-config-group-region .views-group-box--value > .form-item:before {
    position: absolute;
    top: 0;
    left: 0;
    width: .0625rem;
    height: 100%;
    content: "";
    border-left: .0625rem solid #d3d4d9
}

[dir=rtl] .views-config-group-region .views-group-box--value > .form-item:before {
    right: 0
}

.views-config-group-region .views-group-box--value > .form-item:after {
    position: absolute;
    z-index: 1;
    top: 3.8rem;
    left: -1rem;
    padding: 0 .3rem .3rem .4rem;
    content: ">";
    color: #828388;
    border: .0625rem solid #d3d4d9;
    background: #fff;
    font-size: 2.027rem;
    font-weight: 700;
    line-height: 2.027rem
}

[dir=rtl] .views-config-group-region .views-group-box--value > .form-item:after {
    right: -1rem;
    left: auto;
    padding-right: .4rem;
    padding-left: .3rem
}

@media all and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .views-config-group-region .views-group-box--value > .form-item:before, .views-config-group-region .views-group-box--value > .form-item:after {
        content: "";
        border: none
    }

    .views-config-group-region, .views-config-group-region .views-group-box {
        border: none
    }

    .views-display-top {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .views-display-top__extra-actions-wrapper {
        margin-left: auto
    }

    [dir=rtl] .views-display-top__extra-actions-wrapper {
        margin-right: auto;
        margin-left: .25rem
    }
}

html {
    font-size: 16px
}

/* @media screen and (min-width: 1199px) {
    html {
        font-size: 20px
    }
} */

body {
    background-color: #fff;
    background-image: none;
    /*  */
}

html[lang=bg] body, html[lang=vi] body {
    /* font-family: Helvetica, Arial, sans-serif !important; */
    font-weight: 400
}

.container-custom {
    max-width: 1440px !important;
    margin: auto;
    width: 100%
}

@media (min-width: 992px) {
    .container-custom {
        padding: 0 !important
    }
}

.title-1 {
    font-size: 4rem !important;
    font-family: "neue_haas_grotesk_display35Th", Helvetica, Arial, sans-serif !important;
    /*line-height: 100% !important*/
}

html[lang=bg] .title-1, html[lang=vi] .title-1 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

.title-2 {
    font-size: 3.5rem !important;
    font-family: "neue_haas_grotesk_display35Th", Helvetica, Arial, sans-serif !important;
    line-height: 100% !important
}

html[lang=bg] .title-2, html[lang=vi] .title-2 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

.heading-1 {
    font-size: 3rem !important;
    font-family: "neue_haas_grotesk_display35Th", Helvetica, Arial, sans-serif !important;
    line-height: 112% !important
}

html[lang=bg] .heading-1, html[lang=vi] .heading-1 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

.heading-2 {
    font-size: 2.5rem !important;
    font-family: "neue_haas_grotesk_display35Th", Helvetica, Arial, sans-serif !important;
    line-height: 112% !important
}

html[lang=bg] .heading-2, html[lang=vi] .heading-2 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

.heading-3 {
    font-size: 2rem !important;
    font-family: "neue_haas_grotesk_display45Lt", Helvetica, Arial, sans-serif !important;
    line-height: 120% !important
}

html[lang=bg] .heading-3, html[lang=vi] .heading-3 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

.heading-4 {
    font-size: 1.5rem !important;
    font-family: "neue_haas_grotesk_display45Lt", Helvetica, Arial, sans-serif !important;
    line-height: 120% !important
}

html[lang=bg] .heading-4, html[lang=vi] .heading-4 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

.heading-5 {
    font-size: 1.25rem !important;
    font-family: "neue_haas_grotesk_display45Lt", Helvetica, Arial, sans-serif !important;
    line-height: 120% !important
}

html[lang=bg] .heading-5, html[lang=vi] .heading-5 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

.paragraph-1 {
    font-size: 1rem !important;
    /* */
    line-height: 140% !important
}

html[lang=bg] .paragraph-1, html[lang=vi] .paragraph-1 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 400
}


html[lang=bg] .paragraph-2, html[lang=vi] .paragraph-2, html[lang=bg] p, html[lang=vi] p {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 400
}

.paragraph-2-bold {
/*font-size: .75rem !important;*/
    font-family: "neue_haas_grotesk_display75Bd", Helvetica, Arial, sans-serif !important;
    /*line-height: 125% !important*/
}

html[lang=bg] .paragraph-2-bold, html[lang=vi] .paragraph-2-bold {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 600
}

.bootstrap-styles table {
    --bs-table-color: var(--bs-body-color);
    --bs-table-bg: transparent;
    --bs-table-border-color: var(--bs-border-color);
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-body-color);
    --bs-table-striped-bg: rgba(0, 0, 0, .05);
    --bs-table-active-color: var(--bs-body-color);
    --bs-table-active-bg: rgba(0, 0, 0, .1);
    --bs-table-hover-color: var(--bs-body-color);
    --bs-table-hover-bg: rgba(0, 0, 0, .075);
    width: 100%;
    margin-bottom: 1rem;
    color: var(--bs-table-color);
    vertical-align: top;
    border-color: var(--bs-table-border-color)
}

.bootstrap-styles table {
    caption-side: bottom;
    border-collapse: collapse
}

.bootstrap-styles table > :not(caption) > * > * {
    padding: .5rem;
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg)
}

.bootstrap-styles table th {
    padding: .7rem .75rem !important;
    background-color: var(--bs-table-bg);
/*font-size: .75rem !important;*/
    font-family: "neue_haas_grotesk_display75Bd", Helvetica, Arial, sans-serif !important;
    /*line-height: 125% !important*/;
    border-bottom-width: 0;
    vertical-align: middle;
    height: 52px
}

html[lang=bg] .bootstrap-styles table th, html[lang=vi] .bootstrap-styles table th {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 600
}

.bootstrap-styles table th > p {
    margin: 0
}

.bootstrap-styles table > tbody {
    vertical-align: middle
}

.bootstrap-styles table td {
    border-bottom-width: 0 !important;
    padding: .7rem .5rem !important;
    font-family: "neue_haas_grotesk_display45Lt", Helvetica, Arial, sans-serif;
    font-size: .75rem;
    height: 64px
}

.bootstrap-styles table td a {
    text-decoration: none
}

.bootstrap-styles table > thead {
    vertical-align: bottom
}

.bootstrap-styles table > thead > tr {
    background-color: #f5f5f5
}

.bootstrap-styles table > tbody > tr {
    border-bottom: 1px solid #f5f5f5
}

.bootstrap-styles table > tbody > tr > td > p {
    margin: 0
}

.bootstrap-styles table-group-divider {
    border-top: 2px solid currentcolor
}

.bootstrap-styles .caption-top {
    caption-side: top
}

.bootstrap-styles table > :not(caption) > * > * {
    padding: .25rem
}

.bootstrap-styles table-bordered > :not(caption) > * {
    border-width: 1px 0
}

.bootstrap-styles table-bordered > :not(caption) > * > * {
    border-width: 0 1px
}

.bootstrap-styles table-borderless > :not(caption) > * > * {
    border-bottom-width: 0
}

.bootstrap-styles table-borderless > :not(:first-child) {
    border-top-width: 0
}

.bootstrap-styles table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color)
}

.bootstrap-styles table-striped-columns > :not(caption) > tr > :nth-child(2n) {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color)
}

.bootstrap-styles table-active {
    --bs-table-accent-bg: var(--bs-table-active-bg);
    color: var(--bs-table-active-color)
}

.bootstrap-styles table-hover > tbody > tr:hover > * {
    --bs-table-accent-bg: var(--bs-table-hover-bg);
    color: var(--bs-table-hover-color)
}

.bootstrap-styles table-primary {
    --bs-table-color: #000;
    --bs-table-bg: #d3dbf8;
    --bs-table-border-color: #bec5df;
    --bs-table-striped-bg: #c8d0ec;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bec5df;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #c3cbe5;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.bootstrap-styles table-secondary {
    --bs-table-color: #000;
    --bs-table-bg: #e8defc;
    --bs-table-border-color: #d1c8e3;
    --bs-table-striped-bg: #dcd3ef;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #d1c8e3;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #d7cde9;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.bootstrap-styles table-success {
    --bs-table-color: #000;
    --bs-table-bg: #d0eed7;
    --bs-table-border-color: #bbd6c2;
    --bs-table-striped-bg: #c6e2cc;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bbd6c2;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #c0dcc7;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.bootstrap-styles table-info {
    --bs-table-color: #000;
    --bs-table-bg: #cff4fc;
    --bs-table-border-color: #badce3;
    --bs-table-striped-bg: #c5e8ef;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #badce3;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfe2e9;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.bootstrap-styles table-warning {
    --bs-table-color: #000;
    --bs-table-bg: #fff3cd;
    --bs-table-border-color: #e6dbb9;
    --bs-table-striped-bg: #f2e7c3;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #e6dbb9;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #ece1be;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.bootstrap-styles table-danger {
    --bs-table-color: #000;
    --bs-table-bg: #f8d7da;
    --bs-table-border-color: #dfc2c4;
    --bs-table-striped-bg: #eccccf;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfc2c4;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5c7ca;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.bootstrap-styles table-light {
    --bs-table-color: #000;
    --bs-table-bg: #f8f9fa;
    --bs-table-border-color: #dfe0e1;
    --bs-table-striped-bg: #ecedee;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfe0e1;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5e6e7;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.bootstrap-styles table-dark {
    --bs-table-color: #fff;
    --bs-table-bg: #212529;
    --bs-table-border-color: #373b3e;
    --bs-table-striped-bg: #2c3034;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #373b3e;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #323539;
    --bs-table-hover-color: #fff;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.bootstrap-styles table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

@media (max-width: 575.98px) {
    .bootstrap-styles table-responsive-sm {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 767.98px) {
    .bootstrap-styles table-responsive-md {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 991.98px) {
    .bootstrap-styles table-responsive-lg {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 1199.98px) {
    .bootstrap-styles table-responsive-xl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 1399.98px) {
    .bootstrap-styles table-responsive-xxl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

.text-neutrals-white {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity))
}

.text-neutrals-gray1 {
    --text-opacity: 1;
    color: #f5f5f5;
    color: rgba(245, 245, 245, var(--text-opacity))
}

.text-neutrals-gray2 {
    --text-opacity: 1;
    color: #e5e5e5;
    color: rgba(229, 229, 229, var(--text-opacity))
}

.text-neutrals-gray3 {
    --text-opacity: 1;
    color: #bfbfbf;
    color: rgba(191, 191, 191, var(--text-opacity))
}

.text-neutrals-gray4 {
    --text-opacity: 1;
    color: #666;
    color: rgba(102, 102, 102, var(--text-opacity))
}

.text-neutrals-gray5 {
    --text-opacity: 1;
    color: #767676;
    color: rgba(118, 118, 118, var(--text-opacity))
}

.text-neutrals-black {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity))
}

.text-signature-blue1 {
    --text-opacity: 1;
    color: #214ade;
    color: rgba(33, 74, 222, var(--text-opacity))
}

.text-signature-blue2 {
    --text-opacity: 1;
    color: #5877e6;
    color: rgba(88, 119, 230, var(--text-opacity))
}

.text-signature-blue3 {
    --text-opacity: 1;
    color: #90a4ee;
    color: rgba(144, 164, 238, var(--text-opacity))
}

.text-signature-blue4 {
    --text-opacity: 1;
    color: #c7d2f7;
    color: rgba(199, 210, 247, var(--text-opacity))
}

.text-signature-purple1 {
    --text-opacity: 1;
    color: #8c5cf2;
    color: rgba(140, 92, 242, var(--text-opacity))
}

.text-signature-purple2 {
    --text-opacity: 1;
    color: #a985f5;
    color: rgba(169, 133, 245, var(--text-opacity))
}

.text-signature-purple3 {
    --text-opacity: 1;
    color: #c5adf8;
    color: rgba(197, 173, 248, var(--text-opacity))
}

.text-signature-purple4 {
    --text-opacity: 1;
    color: #e2d6fc;
    color: rgba(226, 214, 252, var(--text-opacity))
}

.text-signature-aqua1 {
    --text-opacity: 1;
    color: #00a2c7;
    color: rgba(0, 162, 199, var(--text-opacity))
}

.text-signature-aqua2 {
    --text-opacity: 1;
    color: #40b9d5;
    color: rgba(64, 185, 213, var(--text-opacity))
}

.text-signature-aqua3 {
    --text-opacity: 1;
    color: #80d0e3;
    color: rgba(128, 208, 227, var(--text-opacity))
}

.text-signature-aqua4 {
    --text-opacity: 1;
    color: #bfe8f1;
    color: rgba(191, 232, 241, var(--text-opacity))
}

.text-signature-green1 {
    --text-opacity: 1;
    color: #16a837;
    color: rgba(22, 168, 55, var(--text-opacity))
}

.text-signature-green2 {
    --text-opacity: 1;
    color: #50be69;
    color: rgba(80, 190, 105, var(--text-opacity))
}

.text-signature-green3 {
    --text-opacity: 1;
    color: #8ad39b;
    color: rgba(138, 211, 155, var(--text-opacity))
}

.text-signature-green4 {
    --text-opacity: 1;
    color: #c5e9cd;
    color: rgba(197, 233, 205, var(--text-opacity))
}

.text-hover-signature-blue1:hover {
    --text-opacity: 1;
    color: #214ade;
    color: rgba(33, 74, 222, var(--text-opacity))
}

.text-hover-signature-blue2:hover {
    --text-opacity: 1;
    color: #5877e6;
    color: rgba(88, 119, 230, var(--text-opacity))
}

.text-hover-signature-blue3:hover {
    --text-opacity: 1;
    color: #90a4ee;
    color: rgba(144, 164, 238, var(--text-opacity))
}

.text-hover-signature-blue4:hover {
    --text-opacity: 1;
    color: #c7d2f7;
    color: rgba(199, 210, 247, var(--text-opacity))
}

.text-hover-signature-purple1:hover {
    --text-opacity: 1;
    color: #8c5cf2;
    color: rgba(140, 92, 242, var(--text-opacity))
}

.text-hover-signature-purple2:hover {
    --text-opacity: 1;
    color: #a985f5;
    color: rgba(169, 133, 245, var(--text-opacity))
}

.text-hover-signature-purple3:hover {
    --text-opacity: 1;
    color: #c5adf8;
    color: rgba(197, 173, 248, var(--text-opacity))
}

.text-hover-signature-purple4:hover {
    --text-opacity: 1;
    color: #e2d6fc;
    color: rgba(226, 214, 252, var(--text-opacity))
}

.text-hover-signature-aqua1:hover {
    --text-opacity: 1;
    color: #00a2c7;
    color: rgba(0, 162, 199, var(--text-opacity))
}

.text-hover-signature-aqua2:hover {
    --text-opacity: 1;
    color: #40b9d5;
    color: rgba(64, 185, 213, var(--text-opacity))
}

.text-hover-signature-aqua3:hover {
    --text-opacity: 1;
    color: #80d0e3;
    color: rgba(128, 208, 227, var(--text-opacity))
}

.text-hover-signature-aqua4:hover {
    --text-opacity: 1;
    color: #bfe8f1;
    color: rgba(191, 232, 241, var(--text-opacity))
}

.text-hover-signature-green1:hover {
    --text-opacity: 1;
    color: #16a837;
    color: rgba(22, 168, 55, var(--text-opacity))
}

.text-hover-signature-green2:hover {
    --text-opacity: 1;
    color: #50be69;
    color: rgba(80, 190, 105, var(--text-opacity))
}

.text-hover-signature-green3:hover {
    --text-opacity: 1;
    color: #8ad39b;
    color: rgba(138, 211, 155, var(--text-opacity))
}

.text-hover-signature-green4:hover {
    --text-opacity: 1;
    color: #c5e9cd;
    color: rgba(197, 233, 205, var(--text-opacity))
}

.user--page .aes-container {
    width: 550px;
    margin: auto;
    max-width: 100%;
    padding: 0 15px
}

.pop--up-modal .js-layout-builder-category {
    background: #eee;
    padding: 15px;
    margin-bottom: 20px
}

.pop--up-modal .js-layout-builder-category .layout-builder-browser-block-item {
    border: 1px solid #eee;
    padding: 20px;
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    text-decoration: none;
    color: #000;
    font-weight: 500;
    font-size: 24px
}

.pop--up-modal .js-layout-builder-category .details-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 1rem
}

html {
    font-size: 16px
}

@media screen and (min-width: 1199px) {
    html {
        font-size: 20px
    }
}

body {
    background-color: #fff;
    background-image: none;
    /*  */
}

html[lang=bg] body, html[lang=vi] body {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 400
}

.container-custom {
    max-width: 1440px !important;
    margin: auto;
    width: 100%
}

@media (min-width: 992px) {
    .container-custom {
        padding: 0 !important
    }
}

.title-1 {
    font-size: 4rem !important;
    font-family: "neue_haas_grotesk_display35Th", Helvetica, Arial, sans-serif !important;
    /*line-height: 100% !important*/
}

html[lang=bg] .title-1, html[lang=vi] .title-1 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

.title-2 {
    font-size: 3.5rem !important;
    font-family: "neue_haas_grotesk_display35Th", Helvetica, Arial, sans-serif !important;
    line-height: 100% !important
}

html[lang=bg] .title-2, html[lang=vi] .title-2 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

.heading-1 {
    font-size: 3rem !important;
    font-family: "neue_haas_grotesk_display35Th", Helvetica, Arial, sans-serif !important;
    line-height: 112% !important
}

html[lang=bg] .heading-1, html[lang=vi] .heading-1 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

.heading-2 {
    font-size: 2.5rem !important;
    font-family: "neue_haas_grotesk_display35Th", Helvetica, Arial, sans-serif !important;
    line-height: 112% !important
}

html[lang=bg] .heading-2, html[lang=vi] .heading-2 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

.heading-3 {
    font-size: 2rem !important;
    font-family: "neue_haas_grotesk_display45Lt", Helvetica, Arial, sans-serif !important;
    line-height: 120% !important
}

html[lang=bg] .heading-3, html[lang=vi] .heading-3 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

.heading-4 {
    font-size: 1.5rem !important;
    font-family: "neue_haas_grotesk_display45Lt", Helvetica, Arial, sans-serif !important;
    line-height: 120% !important
}

html[lang=bg] .heading-4, html[lang=vi] .heading-4 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

.heading-5 {
    font-size: 1.25rem !important;
    font-family: "neue_haas_grotesk_display45Lt", Helvetica, Arial, sans-serif !important;
    line-height: 120% !important
}

html[lang=bg] .heading-5, html[lang=vi] .heading-5 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

.paragraph-1 {
    font-size: 1rem !important;
   
    line-height: 140% !important
}

html[lang=bg] .paragraph-1, html[lang=vi] .paragraph-1 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 400
}

.paragraph-2, p {
/*font-size: .75rem !important;*/
   
    /*line-height: 125% !important*/
}

html[lang=bg] .paragraph-2, html[lang=vi] .paragraph-2, html[lang=bg] p, html[lang=vi] p {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 400
}

.paragraph-2-bold {
/*font-size: .75rem !important;*/
    font-family: "neue_haas_grotesk_display75Bd", Helvetica, Arial, sans-serif !important;
    /*line-height: 125% !important*/
}

html[lang=bg] .paragraph-2-bold, html[lang=vi] .paragraph-2-bold {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 600
}

.footer_main {
    padding-top: 2.4rem;
    padding-bottom: 2.4rem;
    display: block;
    --bg-opacity: 1;
    background-color: #f1f1f1;
    padding-left: 1.75rem;
    padding-right: 1.75rem
}

.footer_main p {
    margin-top: .8rem !important;
    margin-bottom: .8rem;
    font-size: 1rem;
    line-height: 24px;
    color: #000
}

.interactions {
    display: flex;
    flex-direction: column;
    margin-top: 2.5rem;
    margin-bottom: 3.5rem
}

@media (min-width: 768px) {
    .interactions {
        flex-direction: row;
        flex-shrink: 1;
        justify-content: space-between;
        align-items: center
    }
}

.interactions .social-section {
    display: flex
}

.interactions .social-section a {
    width: 32px;
    margin-right: 2rem
}

.interactions .social-section a img {
    max-width: 32px
}

.footer_primary .navigation ul.menu li {
    list-style-type: none;
    padding: 0
}

.footer_primary .navigation ul.menu li a, .footer_primary .navigation ul.menu li span {
    display: inline-block;
    --text-opacity: 1;
    color: rgba(0, 0, 0, var(--text-opacity));
    text-decoration: none;
    font-size: 1rem;
    line-height: 1rem
}

.footer_primary .navigation ul.menu li a:focus, .footer_primary .navigation ul.menu li span:focus {
    outline: none
}

.footer_primary .navigation ul.menu li a:hover, .footer_primary .navigation ul.menu li span:hover {
    --text-opacity: 1;
    color: #214ade;
    color: rgba(33, 74, 222, var(--text-opacity))
}

.footer_primary .navigation ul.menu-level-0 {
    display: flex;
    flex-wrap: wrap
}

.footer_primary .navigation ul.menu-level-0 > li {
    margin-bottom: 40px;
    width: 100%
}

@media (min-width: 768px) {
    .footer_primary .navigation ul.menu-level-0 > li {
        width: 50%
    }
}

@media (min-width: 1024px) {
    .footer_primary .navigation ul.menu-level-0 > li {
        width: 25%
    }
}

.footer_primary .navigation ul.menu-level-0 > li > a, .footer_primary .navigation ul.menu-level-0 > li > span {
    font-family: "neue_haas_grotesk_display75Bd", Helvetica, Arial, sans-serif;
    line-height: 1.625
}

html[lang=bg] .footer_primary .navigation ul.menu-level-0 > li > a, html[lang=vi] .footer_primary .navigation ul.menu-level-0 > li > a, html[lang=bg] .footer_primary .navigation ul.menu-level-0 > li > span, html[lang=vi] .footer_primary .navigation ul.menu-level-0 > li > span {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 600
}

@media (min-width: 768px) {
    .footer_primary .navigation ul.menu-level-0 > li > a, .footer_primary .navigation ul.menu-level-0 > li > span {
        font-family: "neue_haas_grotesk_disp55roman", Helvetica, Arial, sans-serif;
        font-size: 1.25rem;
        line-height: 1;
        margin-bottom: 1.2rem
    }

    html[lang=bg] .footer_primary .navigation ul.menu-level-0 > li > a, html[lang=vi] .footer_primary .navigation ul.menu-level-0 > li > a, html[lang=bg] .footer_primary .navigation ul.menu-level-0 > li > span, html[lang=vi] .footer_primary .navigation ul.menu-level-0 > li > span {
        font-family: Helvetica, Arial, sans-serif !important;
        font-weight: 400
    }
}

.social-media-links--platforms {
    margin: 2rem 0 !important;
    display: flex !important;
    align-items: center;
    justify-content: space-between
}

.social-media-links--platforms li {
    margin-right: 20px
}

@media screen and (max-width: 768px) {
    .social-media-links--platforms li {
        margin: 0
    }
}

.social-media-links--platforms li a {
    background: #000;
    color: #fff;
    height: 32px;
    display: flex;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    width: 32px
}

.social-media-links--platforms li a .fa-facebook {
    padding-top: 11px;
    font-size: 1.2rem
}

.social-media-links--platforms li a .fa-facebook:before {
    content: "\f39e"
}

.social-media-links--platforms li a .fa-instagram {
    padding-top: 1px
}

.social-media-links--platforms li a .fa-linkedin {
    font-size: 18px;
    padding-top: 3px
}

.social-media-links--platforms li a .fa-twitter {
    font-size: 20px;
    padding-top: 4px
}

.social-media-links--platforms li a .fa-youtube {
    font-size: 20px;
    padding-top: 1px
}

.social-media-links--platforms li a .fa-linkedin:before {
    content: "\f0e1"
}

.social-media-links--platforms li a span.fa-glassdoor {
    background: url(../../../../themes/custom/aes_redesign2/images/icons/glassdoor.svg) center no-repeat;
    background-size: 40px;
    display: block;
    width: 32px;
    height: 32px
}

@media screen and (min-width: 375px) {
    .social-media-links--platforms li a .fa-facebook {
        font-size: 25px !important
    }

    .social-media-links--platforms li a .fab {
        font-size: 20px
    }
}

.footer_main .footer {
    margin-bottom: 3rem
}

.footer_primary .navigation ul.menu-level-0 li.menu-item.menu-item--expanded:nth-child(n+5) > a, .footer_primary .navigation ul.menu-level-0 li.menu-item.menu-item--expanded:nth-child(n+5) > span {
    font-size: 1rem;
    font-family: "neue_haas_grotesk_display65Md", Helvetica, Arial, sans-serif;
    line-height: 1.625
}

html[lang=bg] .footer_primary .navigation ul.menu-level-0 li.menu-item.menu-item--expanded:nth-child(n+5) > a, html[lang=vi] .footer_primary .navigation ul.menu-level-0 li.menu-item.menu-item--expanded:nth-child(n+5) > a, html[lang=bg] .footer_primary .navigation ul.menu-level-0 li.menu-item.menu-item--expanded:nth-child(n+5) > span, html[lang=vi] .footer_primary .navigation ul.menu-level-0 li.menu-item.menu-item--expanded:nth-child(n+5) > span {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 600
}

@media screen and (max-width: 768px) {
    .footer_primary .navigation ul.menu-level-0 li.menu-item.menu-item--expanded:nth-child(n+5) > a, .footer_primary .navigation ul.menu-level-0 li.menu-item.menu-item--expanded:nth-child(n+5) > span {
        font-size: 1rem
    }
}

@media screen and (max-width: 767.9px) {
    .footer_primary .navigation ul.menu-level-0 > li {
        margin-bottom: 1.6rem
    }

    .footer_primary .navigation ul.menu-level-0 > li:before {
        position: absolute;
        content: "";
        background-image: url("");
        right: 23px;
        width: 25px;
        height: 14px;
        font-size: 1.2rem;
        margin-top: 6px;
        background-repeat: no-repeat
    }

    .footer_primary .navigation ul.menu-level-0 > li .menu-level-1 {
        display: none
    }

    .footer_primary .navigation ul.menu-level-0 > li ul.menu.menu-level-1 {
        margin: .8rem 0
    }

    .footer_primary .navigation ul.menu-level-0 > li.active:before {
        transform: rotate(180deg) !important
    }
}

.back_to_top {
    position: relative
}

.back_to_top #button {
    background-color: #fff;
    position: absolute;
    right: 0;
    z-index: 9;
    padding: .6rem 1.2rem;
    border-radius: 9999px;
    color: #000;
    top: -12px;
    cursor: pointer;
    text-decoration: none
}

@media screen and (max-width: 1024px) {
    .back_to_top #button {
        visibility: hidden;
        padding: 0;
        right: 0
    }
}

.back_to_top #button span .fa-arrow-up {
    font-size: .7rem;
    padding: 0 7px
}

@media screen and (max-width: 1024px) {
    .back_to_top #button span .fa-arrow-up {
        visibility: visible;
        position: absolute;
        right: -6px;
        top: 20px
    }
}

#block-footercopyright .field__item p a {
    color: #214ade;
    box-shadow: inset 0 -1px 0 0 #214ade
}

#block-footercopyright .field__item p a:hover {
    color: #8c5cf2;
    box-shadow: inset 0 -1px 0 0 #8c5cf2;
    transition: none;
    text-decoration: none
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-16by9:before {
    padding-top: 56.25%;
    display: block;
    content: ""
}

form.webform-submission-form {
    word-break: normal
}

form.webform-submission-form input.form-element {
    padding: 16px;
    border: 2px solid #bfbfbf;
    max-width: 674px;
    width: 100%
}

form.webform-submission-form input.form-element:focus {
    border: 2px solid #214cde;
    outline-width: 0;
    outline-style: none;
    outline-offset: 0
}

form.webform-submission-form input.webform-button--submit {
    padding: 16px 24px;
    min-width: 180px;
    background: #214cde;
    color: #fff;
    border: 1px solid #214cde;
    border-radius: 30px
}

form.webform-submission-form input.webform-button--submit:hover {
    background: #8c5cf2;
    border: 1px solid #8c5cf2;
    color: #fff
}

form.webform-submission-form .form-textarea-wrapper textarea {
    max-width: 674px;
    width: 100%;
    padding: 4px 16px
}

form.webform-submission-form .form-textarea-wrapper textarea:focus {
    border: 2px solid #214cde;
    outline-width: 0;
    outline-style: none;
    outline-offset: 0
}

form.webform-submission-form select.form-select {
    border: 2px solid #bfbfbf;
    width: 100%;
    max-width: 674px;
    margin-top: .25rem;
    padding: 16px
}

form.webform-submission-form select.form-select:focus {
    border: 2px solid #214cde;
    outline-width: 0;
    outline-style: none;
    outline-offset: 0
}

form.webform-submission-form .form-item__label.form-required {
    position: relative
}

form.webform-submission-form .form-item__label.form-required:after {
    color: red;
    position: absolute;
    top: 0;
    bottom: 0;
    font-size: 20px
}

form.webform-submission-form input[type=radio] {
    accent-color: #214cde;
    border: 1px solid #214cde;
    position: relative;
    width: 1.5rem;
    height: 1.5rem;
    margin-top: .5rem;
    margin-bottom: .5rem;
    font-size: 1rem;
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
    line-height: 1.25;
    vertical-align: middle;
    outline: 2px solid transparent;
    outline-offset: 2px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

form.webform-submission-form input[type=radio]:before {
    position: absolute;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 9999px;
    border-width: 1px;
    border-style: solid;
    --border-opacity: 1;
    border-color: #bfbfbf;
    border-color: rgba(191, 191, 191, var(--border-opacity));
    content: "";
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

form.webform-submission-form input[type=radio]:checked {
    background: 0 0
}

form.webform-submission-form input[type=radio]:checked:before {
    --border-opacity: 1;
    border-color: #214ade;
    border-color: rgba(33, 74, 222, var(--border-opacity))
}

form.webform-submission-form input[type=radio]:checked:after {
    position: absolute;
    display: block;
    width: 1rem;
    height: 1rem;
    border-radius: 9999px;
    --bg-opacity: 1;
    background-color: #214ade;
    background-color: rgba(33, 74, 222, var(--bg-opacity));
    content: "";
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

form.webform-submission-form input[type=radio]:focus {
    box-shadow: none
}

form.webform-submission-form input[type=checkbox] {
    position: relative;
    width: 1.5rem;
    height: 1.5rem;
    margin-top: .5rem;
    margin-bottom: .5rem;
    font-size: 1rem;
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
    line-height: 1.25;
    vertical-align: middle;
    outline: 2px solid transparent;
    outline-offset: 2px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

form.webform-submission-form input[type=checkbox]:before {
    position: absolute;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: .125rem;
    border-width: 1px;
    border-style: solid;
    --border-opacity: 1;
    border-color: #bfbfbf;
    border-color: rgba(191, 191, 191, var(--border-opacity));
    content: "";
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

form.webform-submission-form input[type=checkbox]:checked:before {
    --border-opacity: 1;
    border-color: #214ade;
    border-color: rgba(33, 74, 222, var(--border-opacity));
    --bg-opacity: 1;
    background-color: #214ade;
    background-color: rgba(33, 74, 222, var(--bg-opacity))
}

form.webform-submission-form input[type=checkbox]:checked:after {
    position: absolute;
    display: block;
    width: 1rem;
    height: 1rem;
    background-image: url();
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

form.webform-submission-form .js-webform-flexbox {
    max-width: 100%;
    width: 674px
}

form.webform-submission-form .js-form-item {
    width: 100%;
    max-width: 674px
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    form.webform-submission-form .js-form-item {
        max-width: 500px
    }
}

@media screen and (max-width: 575px) and (min-width: 375px) {
    form.webform-submission-form .js-form-item {
        max-width: 350px
    }
}

iframe {
    max-width: 100%
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    iframe {
        width: 500px
    }
}

@media screen and (max-width: 576px) {
    iframe {
        width: 350px
    }
}

.webform-submission-landing-contact-form-form label, .webform-submission-landing-contact-form-form .field__label {
    display: none
}

.webform-submission-landing-contact-form-form .form-item {
    margin-top: 0;
    margin-bottom: 0;
    max-width: 382px !important
}

.webform-submission-landing-contact-form-form .form-actions {
    margin-top: 56px
}

.pager {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.pager__items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 1rem 0;
    list-style: none;
    text-align: center;
    font-weight: 700
}

[dir=rtl] .pager__items {
    margin: 1rem 0
}

.pager__item {
    display: inline-block;
    margin-right: .25rem;
    margin-left: .25rem;
    vertical-align: top
}

.pager__link {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 2rem;
    height: 2rem;
    padding-right: .5rem;
    padding-left: .5rem;
    text-decoration: none;
    border-radius: 1rem;
    line-height: 1
}

.pager__link:focus {
    outline: 0
}

.ui-widget-content a.pager__link {
    color: #000
}

.pager__link:hover, .pager__link:focus, .pager__link:active {
    text-decoration: none
}

.pager__link:hover, .pager__link.is-active:hover {
    background-color: var(--gin-color-primary);
    color: #fff !important
}

.pager__link--action-link {
    border-radius: .125rem
}

.pager__item.pager__item--active {
    color: #fff;
    background-color: var(--gin-color-primary);
    border-radius: 1rem;
    width: 30px;
    height: 30px;
    padding-top: 2px
}

.pager__item--first .pager__link:after, .pager__item--previous .pager__link:after, .pager__item--next .pager__link:after, .pager__item--last .pager__link:after {
    position: relative;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    content: "";
    background-repeat: no-repeat;
    background-position: center
}

[dir=rtl] .pager__item--first .pager__link:after, [dir=rtl] .pager__item--previous .pager__link:after, [dir=rtl] .pager__item--next .pager__link:after, [dir=rtl] .pager__item--last .pager__link:after {
    transform: scaleX(-1)
}

.pager__item--mini {
    margin-right: .5rem;
    margin-left: .5rem
}

.pager__link--mini {
    border-radius: 50%
}

.pager__link--mini:before {
    margin-right: 0;
    margin-left: 0
}

.pager__item-title--backwards {
    margin-left: .5rem
}

[dir=rtl] .pager__item-title--backwards {
    margin-right: .5rem;
    margin-left: 0
}

.pager__item-title--forward {
    margin-right: .5rem
}

[dir=rtl] .pager__item-title--forward {
    margin-right: 0;
    margin-left: .5rem
}

@media (-ms-high-contrast: active),(forced-colors: active) {
    .pager__item a:hover {
        text-decoration: underline
    }
}

.pager__link:hover:after {
    filter: invert(99%) sepia(93%) saturate(0%) hue-rotate(195deg) brightness(107%) contrast(108%)
}

.pager__item--first .pager__link:after, .pager__item--previous .pager__link:after, .pager__item--next .pager__link:after, .pager__item--last .pager__link:after {
    background-size: 100%;
    background-repeat: no-repeat;
    width: 12px;
    height: 14px
}

.pager .pager__items .pager__item--next a svg {
    display: none
}


.pager .pager__items .pager__item--last svg {
    display: none
}

.pager .pager__items .pager__item--last a:after {
    background-image: url(../../../../themes/custom/aes_redesign2/images/icons/doublerightarrow.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px
}

.pager .pager__items .pager__item--previous svg {
    display: none
}

.pager .pager__items .pager__item--previous a:after {
    background-image: url(../../../../themes/custom/aes_redesign2/images/icons/singleleftarrow.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 13px;
    height: 14px
}

.pager .pager__items .pager__item--first svg {
    display: none
}

.pager .pager__items .pager__item--first a:after {
    background-image: url(../../../../themes/custom/aes_redesign2/images/icons/doubleleftarrow.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px
}

.media-library-content .pop--up-modal .button {
    margin: auto;
    background: #214cde;
    color: #fff
}

.media-library-content .pop--up-modal .view-media-library .view-content .views-form form table {
    width: 100%
}

.gin--dark-mode .media-library-content .pop--up-modal .view-media-library .pager .pager__items .pager__item--next a svg {
    display: none
}

.gin--dark-mode .media-library-content .pop--up-modal .view-media-library .pager .pager__items .pager__item--next a:after {
    background-image: url(../../../../themes/custom/aes_redesign2/images/icons/singlerightarrow.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 12px;
    height: 14px;
    filter: invert(99%) sepia(93%) saturate(0%) hue-rotate(195deg) brightness(107%) contrast(108%)
}

.gin--dark-mode .media-library-content .pop--up-modal .view-media-library .pager .pager__items .pager__item--last svg {
    display: none
}

.gin--dark-mode .media-library-content .pop--up-modal .view-media-library .pager .pager__items .pager__item--last a:after {
    background-image: url(../../../../themes/custom/aes_redesign2/images/icons/doublerightarrow.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    filter: invert(99%) sepia(93%) saturate(0%) hue-rotate(195deg) brightness(107%) contrast(108%)
}

.gin--dark-mode .media-library-content .pop--up-modal .view-media-library .pager .pager__items .pager__item--previous svg {
    display: none
}

.gin--dark-mode .media-library-content .pop--up-modal .view-media-library .pager .pager__items .pager__item--previous a:after {
    background-image: url(../../../../themes/custom/aes_redesign2/images/icons/singleleftarrow.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 13px;
    height: 14px;
    filter: invert(99%) sepia(93%) saturate(0%) hue-rotate(195deg) brightness(107%) contrast(108%)
}

.gin--dark-mode .media-library-content .pop--up-modal .view-media-library .pager .pager__items .pager__item--first svg {
    display: none
}

.gin--dark-mode .media-library-content .pop--up-modal .view-media-library .pager .pager__items .pager__item--first a:after {
    background-image: url(../../../../themes/custom/aes_redesign2/images/icons/doubleleftarrow.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    filter: invert(99%) sepia(93%) saturate(0%) hue-rotate(195deg) brightness(107%) contrast(108%)
}

.gin--dark-mode .media-library-content .pop--up-modal .view-media-library .pager .pager__link {
    background-color: transparent;
    color: #fff
}

.views-exposed-form {
    align-items: center
}

.views-exposed-form__item.form-item-name {
    display: flex;
    flex-direction: column
}

.media-library-view .form--inline {
    align-items: center
}

.media-library-views-form > .form-actions {
    flex-basis: 0
}

.ui-dialog.ui-dialog-content .form-actions {
    flex-basis: 0
}

.pager {
    width: 100%
}

.pager ul.pager__items .pager__item.pager__item--first a:before {
    background-image: url(../../../../themes/custom/aes_redesign2/images/icons/doubleleftarrow.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    filter: invert(99%) sepia(93%) saturate(0%) hue-rotate(195deg) brightness(107%) contrast(108%)
}

.pager ul.pager__items .pager__item.pager__item--first a:after {
    display: none
}

.pager ul.pager__items .pager__item.pager__item--active {
    width: unset;
    height: unset;
    padding-top: unset
}

.pager ul.pager__items .pager__item.pager__item--previous a:before {
    display: none
}

.dz-message {
    color: #000
}

.tabledrag-toggle-weight-wrapper {
    margin-bottom: 1.5rem
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
    background: #fff;
    -webkit-mask-image: url(../../../../themes/contrib/gin/dist/media/sprite.svg);
    -webkit-mask-size: var(--gin-icon-size-close) var(--gin-icon-size-close);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center
}

.field-multiple-table .js-form-wrapper.pop--up-modal {
    padding-right: .5rem
}

.container-fluid {
    padding-right: 0 !important;
    padding-left: 0 !important;
    width: 100%;
    margin: auto
}

.block-aes-q4-integration {
    height: 100%
}

.block-aes-q4-integration .block__content {
    height: inherit
}

.container .container, .container-fluid .container {
    padding-left: 0 !important;
    padding-right: 0 !important
}

@media (max-width: 991.98px) {
    .twocol--row {
        flex-direction: column;
        gap: 1.2rem;
        margin: 0 !important
    }

    .twocol--row .col {
        padding: 0
    }
}

@media (max-width: 991.98px) {
    .layout--threecol-section--33-34-33 .layout__region {
        flex: 0 1 100% !important
    }
}

.block nav.tabs-wrapper {
    margin: 0
}

div.row {
    --bs-gutter-x: 1.2rem !important
}

.margin-top-0 {
    margin-top: 0 !important
}

.margin-top-24 {
    margin-top: 1.2rem !important
}

.margin-top-40 {
    margin-top: 2rem !important
}

.margin-top-48 {
    margin-top: 2.4rem !important
}

.margin-top-72 {
    margin-top: 3.6rem !important
}

.margin-top-96 {
    margin-top: 4.8rem !important
}

.margin-top-120 {
    margin-top: 10rem !important
}

.margin-bottom-0 {
    margin-bottom: 0 !important
}

.margin-bottom-24 {
    margin-bottom: 1.2rem !important
}

@media (min-width: 768px) {
    .margin-bottom-40 {
        margin-bottom: 2rem !important
    }
}

@media (max-width: 767.9px) {
    .margin-bottom-40 {
        margin-bottom: 1.5rem !important
    }
}

@media (min-width: 768px) {
    .margin-bottom-48 {
        margin-bottom: 2.4rem !important
    }
}

@media (max-width: 767.9px) {
    .margin-bottom-48 {
        margin-bottom: 1.8rem !important
    }
}

@media (min-width: 768px) {
    .margin-bottom-72 {
        margin-bottom: 3.6rem !important
    }
}

@media (max-width: 767.9px) {
    .margin-bottom-72 {
        margin-bottom: 2rem !important
    }
}

@media (min-width: 768px) {
    .margin-bottom-96 {
        margin-bottom: 4.8rem !important
    }
}

@media (max-width: 767.9px) {
    .margin-bottom-96 {
        margin-bottom: 2.4rem !important
    }
}

@media (min-width: 768px) {
    .margin-bottom-120 {
        margin-bottom: 10rem !important
    }
}

@media (max-width: 767.9px) {
    .margin-bottom-120 {
        margin-bottom: 2.8rem !important
    }
}

.padding-bottom-0 {
    padding-bottom: 0 !important
}

.padding-bottom-24 {
    padding-bottom: 1.2rem !important
}

@media (min-width: 768px) {
    .padding-bottom-40 {
        padding-bottom: 2rem !important
    }
}

@media (max-width: 767.9px) {
    .padding-bottom-40 {
        padding-bottom: 1.5rem !important
    }
}

@media (min-width: 768px) {
    .padding-bottom-48 {
        padding-bottom: 2.4rem !important;
        padding-bottom: 2.4rem !important
    }
}

@media (max-width: 767.9px) {
    .padding-bottom-48 {
        padding-bottom: 1.8rem !important
    }
}

@media (min-width: 768px) {
    .padding-bottom-72 {
        padding-bottom: 3.6rem !important
    }
}

@media (max-width: 767.9px) {
    .padding-bottom-72 {
        padding-bottom: 2rem !important
    }
}

@media (min-width: 768px) {
    .padding-bottom-96 {
        padding-bottom: 4.8rem !important
    }
}

@media (max-width: 767.9px) {
    .padding-bottom-96 {
        padding-bottom: 2.4rem !important
    }
}

@media (min-width: 768px) {
    .padding-bottom-120 {
        padding-bottom: 10rem !important
    }
}

@media (max-width: 767.9px) {
    .padding-bottom-120 {
        padding-bottom: 2.8rem !important
    }
}

.padding-top-0 {
    padding-top: 0 !important
}

.padding-top-24 {
    padding-top: 1.2rem !important
}

@media (min-width: 768px) {
    .padding-top-40 {
        padding-top: 2rem !important
    }
}

@media (max-width: 767.9px) {
    .padding-top-40 {
        padding-top: 1.5rem !important
    }
}

@media (min-width: 768px) {
    .padding-top-48 {
        padding-top: 2.4rem !important
    }
}

@media (max-width: 767.9px) {
    .padding-top-48 {
        padding-top: 1.8rem !important
    }
}

@media (min-width: 768px) {
    .padding-top-72 {
        padding-top: 3.6rem !important
    }
}

@media (max-width: 767.9px) {
    .padding-top-72 {
        padding-top: 2rem !important
    }
}

@media (min-width: 768px) {
    .padding-top-96 {
        padding-top: 4.8rem !important
    }
}

@media (max-width: 767.9px) {
    .padding-top-96 {
        padding-top: 2.4rem !important
    }
}

@media (min-width: 768px) {
    .padding-top-120 {
        padding-top: 10rem !important
    }
}

@media (max-width: 767.9px) {
    .padding-top-120 {
        padding-top: 2.8rem !important
    }
}

.text-transparent {
    color: transparent
}

.bg-color-white {
    background-color: #fff
}

.bg-color-transparent {
    background-color: transparent
}

.bg-color-grey-1 {
    background-color: #f5f5f5
}

.bg-color-grey-2 {
    background-color: #e5e5e5
}

.bg-color-grey-3 {
    background-color: #bfbfbf
}

.bg-color-dark-grey {
    background-color: #bcbec0
}

.bg-color-dark-black {
    background-color: #000
}

.bootstrap-styles {
    background-color: transparent !important
}

.horizontal-timeline {
    background-image: linear-gradient(to right, #3250fc, #9e70ff, #2aceeb, #2cbf38);
    height: .45rem;
    width: 100%
}

/*.bootstrap-styles p, p {*/
/*    line-height: initial*/
/*}*/

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:before, .slick-track:after {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

html {
    font-size: 16px
}

@media screen and (min-width: 1199px) {
    html {
        font-size: 20px
    }
}

body {
    background-color: #fff;
    background-image: none;
    /*  */
}

html[lang=bg] body, html[lang=vi] body {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 400
}

.container-custom {
    max-width: 1440px !important;
    margin: auto;
    width: 100%
}

@media (min-width: 992px) {
    .container-custom {
        padding: 0 !important
    }
}

.title-1 {
    font-size: 4rem !important;
    font-family: "neue_haas_grotesk_display35Th", Helvetica, Arial, sans-serif !important;
    /*line-height: 100% !important*/
}

html[lang=bg] .title-1, html[lang=vi] .title-1 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

@media screen and (max-width: 1180px) {
    html[lang=vi] .title-1 {
        font-weight: 400 !important
    }
}

.title-2 {
    font-size: 3.5rem !important;
    font-family: "neue_haas_grotesk_display35Th", Helvetica, Arial, sans-serif !important;
    line-height: 100% !important
}

html[lang=bg] .title-2, html[lang=vi] .title-2 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

@media screen and (max-width: 1180px) {
    html[lang=vi] .title-2 {
        font-weight: 400 !important
    }
}

.heading-1 {
    font-size: 3rem !important;
    font-family: "neue_haas_grotesk_display35Th", Helvetica, Arial, sans-serif !important;
    line-height: 112% !important
}

html[lang=bg] .heading-1, html[lang=vi] .heading-1 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

@media screen and (max-width: 1180px) {
    html[lang=vi] .heading-1 {
        font-weight: 400 !important
    }
}

.heading-2 {
    font-size: 2.5rem !important;
    font-family: "neue_haas_grotesk_display35Th", Helvetica, Arial, sans-serif !important;
    line-height: 112% !important
}

html[lang=bg] .heading-2, html[lang=vi] .heading-2 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

@media screen and (max-width: 1180px) {
    html[lang=vi] .heading-2 {
        font-weight: 400 !important
    }
}

.heading-3 {
    font-size: 2rem !important;
    font-family: "neue_haas_grotesk_display45Lt", Helvetica, Arial, sans-serif !important;
    line-height: 120% !important
}

html[lang=bg] .heading-3, html[lang=vi] .heading-3 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

@media screen and (max-width: 1180px) {
    html[lang=vi] .heading-3 {
        font-weight: 400 !important
    }
}

.heading-4 {
    font-size: 1.5rem !important;
    font-family: "neue_haas_grotesk_display45Lt", Helvetica, Arial, sans-serif !important;
    line-height: 120% !important
}

html[lang=bg] .heading-4, html[lang=vi] .heading-4 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

@media screen and (max-width: 1180px) {
    html[lang=vi] .heading-4 {
        font-weight: 400 !important
    }
}

.heading-5 {
    font-size: 1.25rem !important;
    font-family: "neue_haas_grotesk_display45Lt", Helvetica, Arial, sans-serif !important;
    line-height: 120% !important
}

html[lang=bg] .heading-5, html[lang=vi] .heading-5 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

@media screen and (max-width: 1180px) {
    html[lang=vi] .heading-5 {
        font-weight: 400 !important
    }
}

.paragraph-1 {
    font-size: 1rem !important;
   
    line-height: 140% !important
}

html[lang=bg] .paragraph-1, html[lang=vi] .paragraph-1 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 400
}

.paragraph-2, p {
/*font-size: .75rem !important;*/
   
    /*line-height: 125% !important*/
}

html[lang=bg] .paragraph-2, html[lang=vi] .paragraph-2, html[lang=bg] p, html[lang=vi] p {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 400
}

.paragraph-2-bold {
/*font-size: .75rem !important;*/
    font-family: "neue_haas_grotesk_display75Bd", Helvetica, Arial, sans-serif !important;
    /*line-height: 125% !important*/
}

html[lang=bg] .paragraph-2-bold, html[lang=vi] .paragraph-2-bold {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 600
}

.article-wrapper .article-description {
    max-width: 1036px;
    margin-top: 72px;
    font-size: 32px;
    line-height: 38px;
    font-weight: 400;
    font-family: "neue_haas_grotesk_disp55roman", Helvetica, Arial, sans-serif
}

html[lang=bg] .article-wrapper .article-description, html[lang=vi] .article-wrapper .article-description {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

.article-wrapper .article-description p {
    margin: 0
}

@media screen and (min-width: 992px) {
    .article-wrapper .article-description {
        font-size: 48px;
        line-height: 57.6px;
        margin-top: 64px
    }
}

.article-wrapper .article-question {
    max-width: 892px;
    margin-top: 56px;
    margin-bottom: 0;
    font-weight: 400;
    font-size: 32px;
    line-height: 38px;
    font-family: "neue_haas_grotesk_disp55roman", Helvetica, Arial, sans-serif
}

html[lang=bg] .article-wrapper .article-question, html[lang=vi] .article-wrapper .article-question {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

.article-wrapper .article-question span {
    color: #16a837
}

.article-wrapper .article-question p {
    margin: 0
}

@media screen and (min-width: 992px) {
    .article-wrapper .article-question {
        font-size: 48px;
        line-height: 57.6px;
        margin-top: 96px;
        margin-bottom: 0
    }
}

html {
    font-size: 16px
}

@media screen and (min-width: 1199px) {
    html {
        font-size: 20px
    }
}

body {
    background-color: #fff;
    background-image: none;
    /*  */
}

html[lang=bg] body, html[lang=vi] body {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 400
}

.container-custom {
    max-width: 1440px !important;
    margin: auto;
    width: 100%
}

@media (min-width: 992px) {
    .container-custom {
        padding: 0 !important
    }
}

.title-1 {
    font-size: 4rem !important;
    font-family: "neue_haas_grotesk_display35Th", Helvetica, Arial, sans-serif !important;
    /*line-height: 100% !important*/
}

html[lang=bg] .title-1, html[lang=vi] .title-1 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

@media screen and (max-width: 1180px) {
    html[lang=vi] .title-1 {
        font-weight: 400 !important
    }
}

.title-2 {
    font-size: 3.5rem !important;
    font-family: "neue_haas_grotesk_display35Th", Helvetica, Arial, sans-serif !important;
    line-height: 100% !important
}

html[lang=bg] .title-2, html[lang=vi] .title-2 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

@media screen and (max-width: 1180px) {
    html[lang=vi] .title-2 {
        font-weight: 400 !important
    }
}

.heading-1 {
    font-size: 3rem !important;
    font-family: "neue_haas_grotesk_display35Th", Helvetica, Arial, sans-serif !important;
    line-height: 112% !important
}

html[lang=bg] .heading-1, html[lang=vi] .heading-1 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

@media screen and (max-width: 1180px) {
    html[lang=vi] .heading-1 {
        font-weight: 400 !important
    }
}

.heading-2 {
    font-size: 2.5rem !important;
    font-family: "neue_haas_grotesk_display35Th", Helvetica, Arial, sans-serif !important;
    line-height: 112% !important
}

html[lang=bg] .heading-2, html[lang=vi] .heading-2 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

@media screen and (max-width: 1180px) {
    html[lang=vi] .heading-2 {
        font-weight: 400 !important
    }
}

.heading-3 {
    font-size: 2rem !important;
    font-family: "neue_haas_grotesk_display45Lt", Helvetica, Arial, sans-serif !important;
    line-height: 120% !important
}

html[lang=bg] .heading-3, html[lang=vi] .heading-3 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

@media screen and (max-width: 1180px) {
    html[lang=vi] .heading-3 {
        font-weight: 400 !important
    }
}

.heading-4 {
    font-size: 1.5rem !important;
    font-family: "neue_haas_grotesk_display45Lt", Helvetica, Arial, sans-serif !important;
    line-height: 120% !important
}

html[lang=bg] .heading-4, html[lang=vi] .heading-4 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

@media screen and (max-width: 1180px) {
    html[lang=vi] .heading-4 {
        font-weight: 400 !important
    }
}

.heading-5 {
    font-size: 1.25rem !important;
    font-family: "neue_haas_grotesk_display45Lt", Helvetica, Arial, sans-serif !important;
    line-height: 120% !important
}

html[lang=bg] .heading-5, html[lang=vi] .heading-5 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

@media screen and (max-width: 1180px) {
    html[lang=vi] .heading-5 {
        font-weight: 400 !important
    }
}

.paragraph-1 {
    font-size: 1rem !important;
   
    line-height: 140% !important
}

html[lang=bg] .paragraph-1, html[lang=vi] .paragraph-1 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 400
}

.paragraph-2, p {
/*font-size: .75rem !important;*/
   
    /*line-height: 125% !important*/
}

html[lang=bg] .paragraph-2, html[lang=vi] .paragraph-2, html[lang=bg] p, html[lang=vi] p {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 400
}

.paragraph-2-bold {
/*font-size: .75rem !important;*/
    font-family: "neue_haas_grotesk_display75Bd", Helvetica, Arial, sans-serif !important;
    /*line-height: 125% !important*/
}

html[lang=bg] .paragraph-2-bold, html[lang=vi] .paragraph-2-bold {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 600
}

.objectives-wrapper {
    display: block;
    justify-content: center
}

@media screen and (min-width: 992px) {
    .objectives-wrapper {
        display: flex;
        align-items: center
    }
}

@media screen and (min-width: 768px) {
    .objectives-wrapper .card-body {
        display: flex;
        align-items: center
    }

    .objectives-wrapper .card-body .objective-description {
        margin-bottom: 0
    }
}

.objectives-wrapper img {
    max-width: 100%;
    width: 100%;
    height: 210px;
    object-fit: cover;
    transition: all .5s ease-in
}

@media screen and (min-width: 676px) {
    .objectives-wrapper img {
        height: 350px
    }
}

@media screen and (min-width: 768px) {
    .objectives-wrapper img {
        width: 500px
    }
}

@media screen and (min-width: 992px) {
    .objectives-wrapper img {
        width: 640px;
        height: 100%
    }
}

.objectives-wrapper .card-wrapper {
    max-width: 100%
}

@media screen and (min-width: 992px) {
    .objectives-wrapper .card-wrapper {
        max-width: 33.3%;
        height: 100%;
        overflow: hidden
    }
}

.objectives-wrapper .card-wrapper .card-body {
    position: relative;
    padding: 0;
    overflow: hidden
}

.objectives-wrapper .card-wrapper .card-body .objective-text {
    transition: all .5s ease-in-out;
    margin-bottom: .5rem;
    margin-top: .7rem
}

@media screen and (min-width: 992px) {
    .objectives-wrapper .card-wrapper .card-body .objective-text {
        color: #fff;
        padding: 0;
        transition: all .5s ease-in-out
    }
}

.objectives-wrapper .objective-description {
    padding: 0 .8rem;
    margin-bottom: 1.2rem;
    transition: all .5s ease-in
}

.objectives-wrapper .objective-description p {
    color: #000;
    line-height: 1.4rem;
    transition: all .5s ease-in
}

@media screen and (min-width: 1199px) {
    .objectives-wrapper .objective-description p {
        opacity: 0
    }
}

@media screen and (min-width: 768px) {
    .objectives-wrapper .objective-description {
        padding: 0 2.4rem
    }
}

@media screen and (min-width: 1199px) {
    .objectives-wrapper .objective-description {
        height: 100%;
        transform: translateY(72%);
        position: absolute;
        top: 34px;
        padding: 0;
        padding: 0 2.5rem;
        transition: all .5s ease-in
    }
}

@media screen and (min-width: 1199px) {
    .objectives-wrapper .objective-description h2 {
        color: #fff
    }
}

.objectives-wrapper .objective-cta {
    margin-bottom: 56px;
    background-color: #214ade;
    padding: .8rem 1.6rem;
    border: none;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .5s ease-in;
    height: 44px
}

@media screen and (min-width: 1199px) {
    .objectives-wrapper .objective-cta {
        position: absolute
    }
}

.objectives-wrapper .objective-cta a {
    color: #fff;
    text-decoration: none;
    border: none;
    line-height: 1.2rem
}

.objectives-wrapper .objective-cta img {
    width: 16px;
    height: 13.5px;
    background: 0 0;
    margin-left: 13px
}

@media screen and (min-width: 992px) {
    .objectives-wrapper .objective-cta {
        visibility: hidden;
        opacity: 0;
        margin-top: 4rem;
        transition: all .5s ease-in
    }
}

.card-wrapper {
    position: relative
}

@media screen and (min-width: 992px) {
    .card-wrapper .objective-text {
        font-size: 2rem !important;
        font-family: "neue_haas_grotesk_display45Lt", Helvetica, Arial, sans-serif !important;
        line-height: 120% !important
    }

    html[lang=bg] .card-wrapper .objective-text, html[lang=vi] .card-wrapper .objective-text {
        font-family: Helvetica, Arial, sans-serif !important;
        font-weight: 300
    }

    .card-wrapper:hover .card-body {
        transition: all .5s ease-in-out
    }

    .card-wrapper:hover .card-body img {
        opacity: .2;
        transition: all .5s ease-in
    }

    .card-wrapper:hover .objective-text {
        top: 50px;
        transition: all .5s ease-in-out;
        color: #000 !important;
        font-size: 2rem !important;
        font-family: "neue_haas_grotesk_display45Lt", Helvetica, Arial, sans-serif !important;
        line-height: 120% !important
    }

    html[lang=bg] .card-wrapper:hover .objective-text, html[lang=vi] .card-wrapper:hover .objective-text {
        font-family: Helvetica, Arial, sans-serif !important;
        font-weight: 300
    }

    .card-wrapper:hover .objective-description {
        visibility: visible;
        opacity: 1;
        z-index: 1;
        transition: all .5s ease-in;
        transform: translateY(0)
    }

    .card-wrapper:hover .objective-description p {
        opacity: 1;
        transition: all .5s ease-in
    }

    .card-wrapper:hover .objective-cta {
        visibility: visible;
        opacity: 1;
        bottom: 72px;
        left: 50px;
        margin: 0;
        margin-top: 80px;
        transition: all .5s ease-in
    }

    .card-wrapper:hover .objective-cta img {
        opacity: 1
    }
}

.global-goal-wrapper {
    display: block;
    max-width: 1920px;
    margin: auto
}

.global-goal-wrapper .aes-video-home {
    width: 100%;
    height: 375px;
    object-fit: cover
}

@media screen and (min-width: 992px) {
    .global-goal-wrapper .aes-video-home {
        max-width: 50%;
        height: 100vh
    }
}

@media screen and (min-width: 1920px) {
    .global-goal-wrapper .aes-video-home {
        height: 60vh
    }
}

@media screen and (min-width: 992px) {
    .global-goal-wrapper {
        display: flex;
        justify-content: end;
        align-items: center
    }
}

.global-goal-wrapper img {
    width: 100%;
    height: 375px
}

@media screen and (min-width: 992px) {
    .global-goal-wrapper img {
        width: 100%;
        height: 708px
    }
}

.global-goal-wrapper .global-goal-desc {
    width: 100%;
    padding: 0 16px
}

.right-media .global-goal-wrapper .global-goal-desc {
    padding-left: 72px
}

@media screen and (min-width: 992px) {
    .global-goal-wrapper .global-goal-desc {
        width: 50%;
        padding: 0 16px
    }

    .right-media .global-goal-wrapper .global-goal-desc {
        padding-left: 16px
    }
}

.global-goal-wrapper .global-goal-desc img {
    height: 24px;
    width: 24px;
    position: relative;
    left: 14px
}

.global-goal-wrapper .global-goal-desc .global-goal-heading {
    line-height: 38px;
    margin-bottom: 1.5rem;
    margin-top: 16px
}

.global-goal-wrapper .global-goal-desc .global-goal-heading span {
    color: #214ade
}

@media screen and (min-width: 992px) {
    .global-goal-wrapper .global-goal-desc .global-goal-heading {
        margin-top: 0;
        font-size: 56px;
        line-height: 62px
    }
}

.global-goal-wrapper .global-goal-desc .global-goal-body {
    line-height: 28px;
    color: #595959;
    margin-bottom: 40px
}

@media screen and (min-width: 992px) {
    .global-goal-wrapper .global-goal-desc .global-goal-body {
        max-width: 526px
    }
}

.global-goal-wrapper .global-goal-desc .goal-cta {
    background: 0 0;
    border: 2px solid #214ade;
    border-radius: 50px;
    padding: .5rem 2rem;
    display: flex;
    align-items: center
}

.global-goal-wrapper .global-goal-desc .goal-cta a {
    color: #214ade;
    text-decoration: none;
    font-family: "neue_haas_grotesk_display65Md", Helvetica, Arial, sans-serif;
    font-size: .75rem
}

html[lang=bg] .global-goal-wrapper .global-goal-desc .goal-cta a, html[lang=vi] .global-goal-wrapper .global-goal-desc .goal-cta a {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 600
}

.achieving-goal {
    display: flex;
    flex-direction: column-reverse;
    margin: 80px 0
}

@media screen and (min-width: 992px) {
    .achieving-goal {
        display: flex;
        justify-content: end;
        align-items: center;
        flex-direction: row
    }
}

.achieving-goal img {
    width: 100%;
    height: 375px
}

@media screen and (min-width: 992px) {
    .achieving-goal img {
        width: 55%;
        height: 708px
    }
}

.achieving-goal .achieving-goal-desc {
    text-align: left;
    width: 100%;
    padding: 0 16px
}

@media screen and (min-width: 992px) {
    .achieving-goal .achieving-goal-desc {
        width: 45%;
        margin-left: 56px;
        padding: 0 16px
    }
}

.achieving-goal .achieving-goal-desc img {
    height: 13.5px;
    width: 16px;
    position: relative;
    left: 15px
}

.achieving-goal .achieving-goal-desc .achieving-goal-heading {
    font-weight: 300;
    font-size: 32px;
    line-height: 38px;
    margin-bottom: 24px;
    margin-top: 16px
}

.achieving-goal .achieving-goal-desc .achieving-goal-heading span {
    color: #16a837
}

@media screen and (min-width: 992px) {
    .achieving-goal .achieving-goal-desc .achieving-goal-heading {
        margin-top: 0;
        font-size: 56px;
        line-height: 62px
    }
}

.achieving-goal .achieving-goal-desc .achieving-goal-body {
    color: #595959;
    margin-bottom: 2rem
}

.achieving-goal .achieving-goal-desc .goal-cta {
    background: 0 0;
    border: 1px solid #214ade;
    border-radius: 50px;
    padding: 16px 32px
}

.achieving-goal .achieving-goal-desc .goal-cta a {
    color: #214ade;
    text-decoration: none
}

@media screen and (min-width: 992px) {
    .right-media .aes-video-home, .right-media .image-wrapper {
        order: 2;
        width: 50%
    }
}

@media screen and (min-width: 1199px) {
    .right-media .global-goal-desc {
        padding-left: 72px !important;
        padding-right: 90px
    }
}

@media screen and (min-width: 1199px) {
    .left-media .global-goal-desc {
        padding-right: 72px !important;
        padding-left: 90px
    }
}

@media screen and (min-width: 1199px) {
    .block-inline-blockblock-banner-2-column-with-media {
        margin-bottom: 60px
    }
}

html {
    font-size: 16px
}

@media screen and (min-width: 1199px) {
    html {
        font-size: 20px
    }
}

body {
    background-color: #fff;
    background-image: none;
    /*  */
}

html[lang=bg] body, html[lang=vi] body {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 400
}

.container-custom {
    max-width: 1440px !important;
    margin: auto;
    width: 100%
}

@media (min-width: 992px) {
    .container-custom {
        padding: 0 !important
    }
}

.title-1 {
    font-size: 4rem !important;
    font-family: "neue_haas_grotesk_display35Th", Helvetica, Arial, sans-serif !important;
    /*line-height: 100% !important*/
}

html[lang=bg] .title-1, html[lang=vi] .title-1 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

@media screen and (max-width: 1180px) {
    html[lang=vi] .title-1 {
        font-weight: 400 !important
    }
}

.title-2 {
    font-size: 3.5rem !important;
    font-family: "neue_haas_grotesk_display35Th", Helvetica, Arial, sans-serif !important;
    line-height: 100% !important
}

html[lang=bg] .title-2, html[lang=vi] .title-2 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

@media screen and (max-width: 1180px) {
    html[lang=vi] .title-2 {
        font-weight: 400 !important
    }
}

.heading-1 {
    font-size: 3rem !important;
    font-family: "neue_haas_grotesk_display35Th", Helvetica, Arial, sans-serif !important;
    line-height: 112% !important
}

html[lang=bg] .heading-1, html[lang=vi] .heading-1 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

@media screen and (max-width: 1180px) {
    html[lang=vi] .heading-1 {
        font-weight: 400 !important
    }
}

.heading-2 {
    font-size: 2.5rem !important;
    font-family: "neue_haas_grotesk_display35Th", Helvetica, Arial, sans-serif !important;
    line-height: 112% !important
}

html[lang=bg] .heading-2, html[lang=vi] .heading-2 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

@media screen and (max-width: 1180px) {
    html[lang=vi] .heading-2 {
        font-weight: 400 !important
    }
}

.heading-3 {
    font-size: 2rem !important;
    font-family: "neue_haas_grotesk_display45Lt", Helvetica, Arial, sans-serif !important;
    line-height: 120% !important
}

html[lang=bg] .heading-3, html[lang=vi] .heading-3 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

@media screen and (max-width: 1180px) {
    html[lang=vi] .heading-3 {
        font-weight: 400 !important
    }
}

.heading-4 {
    font-size: 1.5rem !important;
    font-family: "neue_haas_grotesk_display45Lt", Helvetica, Arial, sans-serif !important;
    line-height: 120% !important
}

html[lang=bg] .heading-4, html[lang=vi] .heading-4 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

@media screen and (max-width: 1180px) {
    html[lang=vi] .heading-4 {
        font-weight: 400 !important
    }
}

.heading-5 {
    font-size: 1.25rem !important;
    font-family: "neue_haas_grotesk_display45Lt", Helvetica, Arial, sans-serif !important;
    line-height: 120% !important
}

html[lang=bg] .heading-5, html[lang=vi] .heading-5 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

@media screen and (max-width: 1180px) {
    html[lang=vi] .heading-5 {
        font-weight: 400 !important
    }
}

.paragraph-1 {
    font-size: 1rem !important;
   
    line-height: 140% !important
}

html[lang=bg] .paragraph-1, html[lang=vi] .paragraph-1 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 400
}

.paragraph-2, p {
/*font-size: .75rem !important;*/
   
    /*line-height: 125% !important*/
}

html[lang=bg] .paragraph-2, html[lang=vi] .paragraph-2, html[lang=bg] p, html[lang=vi] p {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 400
}

.paragraph-2-bold {
/*font-size: .75rem !important;*/
    font-family: "neue_haas_grotesk_display75Bd", Helvetica, Arial, sans-serif !important;
    /*line-height: 125% !important*/
}

html[lang=bg] .paragraph-2-bold, html[lang=vi] .paragraph-2-bold {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 600
}

.join-form-wrapper {
    background: url(../../../../themes/custom/aes_redesign2/images/form-bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.join-form-wrapper .join-form-container {
    display: block;
    justify-content: space-between;
    padding: 72px 0
}

@media screen and (min-width: 992px) {
    .join-form-wrapper .join-form-container {
        display: flex
    }
}

.join-form-wrapper .join-form-container .field__label {
    display: none
}

.join-form-wrapper .join-form-container .select2-selection--single {
    border-radius: 0;
    height: 52px;
    display: flex;
    align-items: center;
    margin-bottom: 6px;
    border: 1px solid #d9d9d9
}

.join-form-wrapper .join-form-container .select2-selection__placeholder {
    color: #000;
    opacity: 1;
/*font-size: .75rem !important;*/
   
    /*line-height: 125% !important*/
}

html[lang=bg] .join-form-wrapper .join-form-container .select2-selection__placeholder, html[lang=vi] .join-form-wrapper .join-form-container .select2-selection__placeholder {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 400
}

.join-form-wrapper .join-form-container .select2-selection__arrow {
    height: 52px
}

.join-form-wrapper .join-form-container form.webform-submission-form input.form-element {
    border: 1px solid #bfbfbf;
    border-radius: 0
}

.join-form-wrapper .join-form-container ::placeholder {
    color: #000;
    opacity: 1;
/*font-size: .75rem !important;*/
   
    /*line-height: 125% !important*/
}

html[lang=bg] .join-form-wrapper .join-form-container ::placeholder, html[lang=vi] .join-form-wrapper .join-form-container ::placeholder {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 400
}

.join-form-wrapper .join-form-container :-ms-input-placeholder {
    color: #000;
/*font-size: .75rem !important;*/
   
    /*line-height: 125% !important*/
}

html[lang=bg] .join-form-wrapper .join-form-container :-ms-input-placeholder, html[lang=vi] .join-form-wrapper .join-form-container :-ms-input-placeholder {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 400
}

.join-form-wrapper .join-form-container ::-ms-input-placeholder {
    color: #000;
/*font-size: .75rem !important;*/
   
    /*line-height: 125% !important*/
}

html[lang=bg] .join-form-wrapper .join-form-container ::-ms-input-placeholder, html[lang=vi] .join-form-wrapper .join-form-container ::-ms-input-placeholder {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 400
}

.join-form-wrapper .join-form-container .desc-text-form {
    color: #fff;
    padding-left: .5rem;
    margin: auto;
    margin-bottom: 1.6rem
}

@media screen and (min-width: 992px) {
    .join-form-wrapper .join-form-container .desc-text-form {
        max-width: 636px;
        margin-bottom: 0;
        padding-top: 2rem;
        margin: inherit
    }
}

.join-form-wrapper .join-form-container .form {
    background: rgba(255, 255, 255, .1);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, .12);
    padding: 1.6rem .8rem
}

@media screen and (min-width: 992px) {
    .join-form-wrapper .join-form-container .form {
        padding: 56px 72px;
        max-width: 526px;
        width: 100%
    }
}

.join-form-wrapper .join-form-container .form .form-subheading {
    color: #fff
}

.join-form-wrapper .join-form-container .form .dropdown {
    margin-bottom: 8px
}

.join-form-wrapper .join-form-container .form .dropdown button {
    height: 52px;
    background-color: #fff;
    color: #7d7c7c;
    text-align: left;
    border-radius: 0
}

.join-form-wrapper .join-form-container .form .dropdown .dropdown-toggle:after {
    position: absolute;
    top: 49%;
    right: 20px
}

.join-form-wrapper .join-form-container .form input {
    height: 52px;
    margin-bottom: 8px;
    margin-top: 0;
    padding: 16px;
    max-width: 382px !important
}

.join-form-wrapper .join-form-container .form .input-message {
    height: 142px;
    margin-bottom: 0
}

.join-form-wrapper .join-form-container .form .textarea {
    padding: 16px
}

.join-form-wrapper .join-form-container .form .note {
    color: #fff;
    margin-bottom: 96px;
    margin-top: -130px !important
}

.join-form-wrapper .join-form-container .form .form-cta {
    padding: 16px 32px;
    background-color: #214ade;
    border-radius: 50px;
    border: none
}

.join-form-wrapper .join-form-container .form .form-cta a {
    border: none;
    color: #fff;
    text-decoration: none
}

.join-form-wrapper .join-form-container .form .form-cta img {
    height: 13.5px;
    width: 16px
}

.join-form-wrapper .join-form-container .select2-container--default .select2-selection--single .select2-selection__arrow b {
    background-image: url();
    border: none;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    margin-left: -16px
}

.join-form-wrapper .join-form-container .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 16px !important
}

.join-form-wrapper .form-submit {
    background-image: url();
    background-repeat: no-repeat;
    background-size: 1.5rem;
    background-position: right 7% bottom 50%;
    padding-right: 2rem;
    font-size: .8rem;
    font-family: "neue_haas_grotesk_display65Md", Helvetica, Arial, sans-serif
}

html[lang=bg] .join-form-wrapper .form-submit, html[lang=vi] .join-form-wrapper .form-submit {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 600
}

html {
    font-size: 16px
}

@media screen and (min-width: 1199px) {
    html {
        font-size: 20px
    }
}

body {
    background-color: #fff;
    background-image: none;
    /*  */
}

html[lang=bg] body, html[lang=vi] body {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 400
}

.container-custom {
    max-width: 1440px !important;
    margin: auto;
    width: 100%
}

@media (min-width: 992px) {
    .container-custom {
        padding: 0 !important
    }
}

.title-1 {
    font-size: 4rem !important;
    font-family: "neue_haas_grotesk_display35Th", Helvetica, Arial, sans-serif !important;
    /*line-height: 100% !important*/
}

html[lang=bg] .title-1, html[lang=vi] .title-1 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

@media screen and (max-width: 1180px) {
    html[lang=vi] .title-1 {
        font-weight: 400 !important
    }
}

.title-2 {
    font-size: 3.5rem !important;
    font-family: "neue_haas_grotesk_display35Th", Helvetica, Arial, sans-serif !important;
    line-height: 100% !important
}

html[lang=bg] .title-2, html[lang=vi] .title-2 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

@media screen and (max-width: 1180px) {
    html[lang=vi] .title-2 {
        font-weight: 400 !important
    }
}

.heading-1 {
    font-size: 3rem !important;
    font-family: "neue_haas_grotesk_display35Th", Helvetica, Arial, sans-serif !important;
    line-height: 112% !important
}

html[lang=bg] .heading-1, html[lang=vi] .heading-1 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

@media screen and (max-width: 1180px) {
    html[lang=vi] .heading-1 {
        font-weight: 400 !important
    }
}

.heading-2 {
    font-size: 2.5rem !important;
    font-family: "neue_haas_grotesk_display35Th", Helvetica, Arial, sans-serif !important;
    line-height: 112% !important
}

html[lang=bg] .heading-2, html[lang=vi] .heading-2 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

@media screen and (max-width: 1180px) {
    html[lang=vi] .heading-2 {
        font-weight: 400 !important
    }
}

.heading-3 {
    font-size: 2rem !important;
    font-family: "neue_haas_grotesk_display45Lt", Helvetica, Arial, sans-serif !important;
    line-height: 120% !important
}

html[lang=bg] .heading-3, html[lang=vi] .heading-3 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

@media screen and (max-width: 1180px) {
    html[lang=vi] .heading-3 {
        font-weight: 400 !important
    }
}

.heading-4 {
    font-size: 1.5rem !important;
    font-family: "neue_haas_grotesk_display45Lt", Helvetica, Arial, sans-serif !important;
    line-height: 120% !important
}

html[lang=bg] .heading-4, html[lang=vi] .heading-4 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

@media screen and (max-width: 1180px) {
    html[lang=vi] .heading-4 {
        font-weight: 400 !important
    }
}

.heading-5 {
    font-size: 1.25rem !important;
    font-family: "neue_haas_grotesk_display45Lt", Helvetica, Arial, sans-serif !important;
    line-height: 120% !important
}

html[lang=bg] .heading-5, html[lang=vi] .heading-5 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

@media screen and (max-width: 1180px) {
    html[lang=vi] .heading-5 {
        font-weight: 400 !important
    }
}

.paragraph-1 {
    font-size: 1rem !important;
   
    line-height: 140% !important
}

html[lang=bg] .paragraph-1, html[lang=vi] .paragraph-1 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 400
}

.paragraph-2, p {
/*font-size: .75rem !important;*/
   
    /*line-height: 125% !important*/
}

html[lang=bg] .paragraph-2, html[lang=vi] .paragraph-2, html[lang=bg] p, html[lang=vi] p {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 400
}

.paragraph-2-bold {
/*font-size: .75rem !important;*/
    font-family: "neue_haas_grotesk_display75Bd", Helvetica, Arial, sans-serif !important;
    /*line-height: 125% !important*/
}

html[lang=bg] .paragraph-2-bold, html[lang=vi] .paragraph-2-bold {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 600
}

.gradient-line {
    background-image: linear-gradient(to right, #3250fc, #9e70ff, #2aceeb, #2cbf38);
    height: 9px;
    width: 100%
}

@media screen and (min-width: 992px) {
    .news-wrapper {
        max-height: 70vh
    }

    .news-wrapper.featured-newsevents {
        overflow: auto
    }
}

.news-wrapper.featured-newswrapper .news-article-content {
    max-width: 100%;
    border-left: 0
}

.news-wrapper img {
    width: 100%
}

.news-wrapper .news-heading {
    font-family: "neue_haas_grotesk_display45Lt", Helvetica, Arial, sans-serif;
    font-size: 3rem;
    line-height: 3.5rem;
    margin-bottom: 2.8rem
}

html[lang=bg] .news-wrapper .news-heading, html[lang=vi] .news-wrapper .news-heading {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

.news-wrapper .news-elements-wrapper {
    display: block
}

@media screen and (min-width: 992px) {
    .news-wrapper .news-elements-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: top;
        adding: 0 0
    }
}

.news-wrapper .news-elements-wrapper .main-news-wrapper {
    width: 100%;
    margin-bottom: 3.2rem;
    position: relative
}

.news-wrapper .news-elements-wrapper .main-news-wrapper .featured-content {
    display: flex;
    border-radius: 50px;
    background-color: #fff;
    padding: 5px 8px;
    width: 97px;
    justify-content: center;
    position: absolute;
    top: 10px;
    left: 20px;
    align-items: center;
    margin-top: 10px
}

.news-wrapper .news-elements-wrapper .main-news-wrapper .featured-content img {
    height: 12px;
    width: 12px
}

.news-wrapper .news-elements-wrapper .main-news-wrapper .featured-content p {
    font-family: "neue_haas_grotesk_display65Md", Helvetica, Arial, sans-serif;
    font-size: .7rem;
    line-height: 1rem;
    margin-bottom: 0;
    margin-left: 5px
}

html[lang=bg] .news-wrapper .news-elements-wrapper .main-news-wrapper .featured-content p, html[lang=vi] .news-wrapper .news-elements-wrapper .main-news-wrapper .featured-content p {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 600
}

.news-wrapper .news-elements-wrapper .main-news-wrapper .main-news-desc .time p, .news-wrapper .news-elements-wrapper .main-news-wrapper .main-news-desc .time a {
    margin: 16px 0 8px;
    color: #595959;
    font-size: 14px;
    line-height: 16px;
    text-decoration: none;
    font-weight: 600
}

@media screen and (max-width: 575.9px) {
    .news-wrapper .news-elements-wrapper .main-news-wrapper .main-news-desc {
        padding: 0 10px
    }
}

@media screen and (max-width: 575.9px) {
    .news-wrapper .news-elements-wrapper .main-news-wrapper .news-body {
        padding: 0 10px
    }
}

.news-wrapper .news-elements-wrapper .main-news-wrapper .news-body p a {
    margin: 0;
    text-decoration: none;
    color: #000;
    font-size: 2rem !important;
    font-family: "neue_haas_grotesk_display45Lt", Helvetica, Arial, sans-serif !important;
    line-height: 120% !important;
    padding-right: 6rem;
    display: block
}

html[lang=bg] .news-wrapper .news-elements-wrapper .main-news-wrapper .news-body p a, html[lang=vi] .news-wrapper .news-elements-wrapper .main-news-wrapper .news-body p a {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

@media screen and (max-width: 575.9px) {
    .news-wrapper .news-elements-wrapper .main-news-wrapper .news-body p a {
        padding-right: 0
    }
}

.news-wrapper .news-elements-wrapper .news-article {
    width: 100%;
    display: block
}

@media screen and (min-width: 768px) {
    .news-wrapper .news-elements-wrapper .news-article {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        row-gap: 2.8rem;
        position: relative
    }
}

.news-wrapper .news-elements-wrapper .news-article .news-article-content {
    padding: 0 .75rem
}

@media screen and (min-width: 768px) {
    .news-wrapper .news-elements-wrapper .news-article .news-article-content {
        max-width: 50%;
        overflow: hidden;
        box-sizing: border-box
    }
}

@media screen and (max-width: 768px) {
    .news-wrapper .news-elements-wrapper .news-article .news-article-content {
        min-height: 320px
    }
}

@media screen and (min-width: 992px) {
    .news-wrapper .news-elements-wrapper .news-article .news-article-content {
        border-left: 1px solid #bebebe
    }
}

.news-wrapper .news-elements-wrapper .news-article .news-article-content .time p, .news-wrapper .news-elements-wrapper .news-article .news-article-content .time a {
    margin: 16px 0 8px;
    color: #595959;
    font-size: 14px;
    line-height: 16px;
    text-decoration: none;
    font-family: "neue_haas_grotesk_display65Md", Helvetica, Arial, sans-serif
}

html[lang=bg] .news-wrapper .news-elements-wrapper .news-article .news-article-content .time p, html[lang=vi] .news-wrapper .news-elements-wrapper .news-article .news-article-content .time p, html[lang=bg] .news-wrapper .news-elements-wrapper .news-article .news-article-content .time a, html[lang=vi] .news-wrapper .news-elements-wrapper .news-article .news-article-content .time a {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 600
}

.news-wrapper .news-elements-wrapper .news-article .news-article-content .news-article-body a {
    font-size: 1.25rem !important;
    font-family: "neue_haas_grotesk_display45Lt", Helvetica, Arial, sans-serif !important;
    line-height: 120% !important;
    color: #000;
    text-decoration: none;
    display: block;
    max-width: 300px
}

html[lang=bg] .news-wrapper .news-elements-wrapper .news-article .news-article-content .news-article-body a, html[lang=vi] .news-wrapper .news-elements-wrapper .news-article .news-article-content .news-article-body a {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

@media screen and (max-width: 768px) {
    .news-wrapper .news-elements-wrapper .news-article .news-article-content .news-article-body a {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.news-wrapper .news-elements-wrapper .news-article .news-article-content .calendar-wrapper {
    display: flex;
    align-items: center
}

.news-wrapper .news-elements-wrapper .news-article .news-article-content .calendar-wrapper img {
    height: 20px;
    width: 18px
}

.news-wrapper .news-elements-wrapper .news-article .news-article-content .calendar-wrapper p {
    color: red;
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 0;
    margin-left: 5px
}

.news-wrapper .news-cta-wrapper {
    text-align: center
}

.news-wrapper .news-cta-wrapper .news-cta {
    background-color: #fff;
    border: 1px solid #214ade;
    padding: 16px 32px;
    border-radius: 50px;
    margin-bottom: 4rem
}

.news-wrapper .news-cta-wrapper .news-cta img {
    height: 13.5px;
    width: 16px
}

.news-wrapper .news-cta-wrapper .news-cta a {
    text-decoration: none;
    color: #214ade;
    border: none
}

.block-views-blockfeatured-news-and-event-block-1.sticky-top {
    z-index: 0 !important
}



.wysiwyg ul {
    padding-left: 0 !important;
    margin-left: 0;
    margin-bottom: .5rem !important;
    list-style: none
}

.wysiwyg ul li {
    position: relative;
    padding-left: 2.5rem
}

.wysiwyg ul li:before {
    display: block;
    position: absolute;
    left: 0;
    content: url("../../../../themes/custom/aes_redesign2/images/ularrow.svg");
    top: 3px
}

video::-webkit-media-controls {
    display: none !important
}

video::-webkit-media-controls-start-playback-button {
    display: none !important;
    -webkit-appearance: none
}



.media-library-menu__link {
    padding: 1.5rem !important
}



.skip-to-content.skip-link:hover {
    text-decoration: underline
}

.skip-to-content.skip-link:after {
    content: "➔"
}

.bi-building-check:before {
    content: "\f868"
}

.bi-building-dash:before {
    content: "\f869"
}

.bi-building-down:before {
    content: "\f86a"
}

.bi-building-exclamation:before {
    content: "\f86b"
}

.bi-building-fill-add:before {
    content: "\f86c"
}

.bi-building-fill-check:before {
    content: "\f86d"
}

.bi-building-fill-dash:before {
    content: "\f86e"
}

.bi-building-fill-down:before {
    content: "\f86f"
}

.bi-building-fill-exclamation:before {
    content: "\f870"
}

.bi-building-fill-gear:before {
    content: "\f871"
}

.bi-building-fill-lock:before {
    content: "\f872"
}

.bi-building-fill-slash:before {
    content: "\f873"
}

.bi-building-fill-up:before {
    content: "\f874"
}

.bi-building-fill-x:before {
    content: "\f875"
}

.bi-building-fill:before {
    content: "\f876"
}

.bi-building-gear:before {
    content: "\f877"
}

.bi-building-lock:before {
    content: "\f878"
}

.bi-building-slash:before {
    content: "\f879"
}

.bi-building-up:before {
    content: "\f87a"
}

.bi-building-x:before {
    content: "\f87b"
}

.bi-buildings-fill:before {
    content: "\f87c"
}

.bi-buildings:before {
    content: "\f87d"
}

.bi-bus-front-fill:before {
    content: "\f87e"
}

.bi-bus-front:before {
    content: "\f87f"
}

.bi-ev-front-fill:before {
    content: "\f880"
}

.bi-ev-front:before {
    content: "\f881"
}

.bi-globe-americas:before {
    content: "\f882"
}

.bi-globe-asia-australia:before {
    content: "\f883"
}

.bi-globe-central-south-asia:before {
    content: "\f884"
}

.bi-globe-europe-africa:before {
    content: "\f885"
}

.bi-house-add-fill:before {
    content: "\f886"
}

.bi-house-add:before {
    content: "\f887"
}

.bi-house-check-fill:before {
    content: "\f888"
}

.bi-house-check:before {
    content: "\f889"
}

.bi-house-dash-fill:before {
    content: "\f88a"
}

.bi-house-dash:before {
    content: "\f88b"
}

.bi-house-down-fill:before {
    content: "\f88c"
}

.bi-house-down:before {
    content: "\f88d"
}

.bi-house-exclamation-fill:before {
    content: "\f88e"
}

.bi-house-exclamation:before {
    content: "\f88f"
}

.bi-house-gear-fill:before {
    content: "\f890"
}

.bi-house-gear:before {
    content: "\f891"
}

.bi-house-lock-fill:before {
    content: "\f892"
}

.bi-house-lock:before {
    content: "\f893"
}

.bi-house-slash-fill:before {
    content: "\f894"
}

.bi-house-slash:before {
    content: "\f895"
}

.bi-house-up-fill:before {
    content: "\f896"
}

.bi-house-up:before {
    content: "\f897"
}

.bi-house-x-fill:before {
    content: "\f898"
}

.bi-house-x:before {
    content: "\f899"
}

.bi-person-add:before {
    content: "\f89a"
}

.bi-person-down:before {
    content: "\f89b"
}

.bi-person-exclamation:before {
    content: "\f89c"
}

.bi-person-fill-add:before {
    content: "\f89d"
}

.bi-person-fill-check:before {
    content: "\f89e"
}

.bi-person-fill-dash:before {
    content: "\f89f"
}

.bi-person-fill-down:before {
    content: "\f8a0"
}

.bi-person-fill-exclamation:before {
    content: "\f8a1"
}

.bi-person-fill-gear:before {
    content: "\f8a2"
}

.bi-person-fill-lock:before {
    content: "\f8a3"
}

.bi-person-fill-slash:before {
    content: "\f8a4"
}

.bi-person-fill-up:before {
    content: "\f8a5"
}

.bi-person-fill-x:before {
    content: "\f8a6"
}

.bi-person-gear:before {
    content: "\f8a7"
}

.bi-person-lock:before {
    content: "\f8a8"
}

.bi-person-slash:before {
    content: "\f8a9"
}

.bi-person-up:before {
    content: "\f8aa"
}

.bi-scooter:before {
    content: "\f8ab"
}

.bi-taxi-front-fill:before {
    content: "\f8ac"
}

.bi-taxi-front:before {
    content: "\f8ad"
}

.bi-amd:before {
    content: "\f8ae"
}

.bi-database-add:before {
    content: "\f8af"
}

.bi-database-check:before {
    content: "\f8b0"
}

.bi-database-dash:before {
    content: "\f8b1"
}

.bi-database-down:before {
    content: "\f8b2"
}

.bi-database-exclamation:before {
    content: "\f8b3"
}

.bi-database-fill-add:before {
    content: "\f8b4"
}

.bi-database-fill-check:before {
    content: "\f8b5"
}

.bi-database-fill-dash:before {
    content: "\f8b6"
}

.bi-database-fill-down:before {
    content: "\f8b7"
}

.bi-database-fill-exclamation:before {
    content: "\f8b8"
}

.bi-database-fill-gear:before {
    content: "\f8b9"
}

.bi-database-fill-lock:before {
    content: "\f8ba"
}

.bi-database-fill-slash:before {
    content: "\f8bb"
}

.bi-database-fill-up:before {
    content: "\f8bc"
}

.bi-database-fill-x:before {
    content: "\f8bd"
}

.bi-database-fill:before {
    content: "\f8be"
}

.bi-database-gear:before {
    content: "\f8bf"
}

.bi-database-lock:before {
    content: "\f8c0"
}

.bi-database-slash:before {
    content: "\f8c1"
}

.bi-database-up:before {
    content: "\f8c2"
}

.bi-database-x:before {
    content: "\f8c3"
}

.bi-database:before {
    content: "\f8c4"
}

.bi-houses-fill:before {
    content: "\f8c5"
}

.bi-houses:before {
    content: "\f8c6"
}

.bi-nvidia:before {
    content: "\f8c7"
}

.bi-person-vcard-fill:before {
    content: "\f8c8"
}

.bi-person-vcard:before {
    content: "\f8c9"
}

.bi-sina-weibo:before {
    content: "\f8ca"
}

.bi-tencent-qq:before {
    content: "\f8cb"
}

.bi-wikipedia:before {
    content: "\f8cc"
}

.views-exposed-form.views-exposed-form {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    padding: .5rem 1.5rem 1.5rem;
    border: 1px solid #dedfe4;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1)
}

.views-exposed-form--preview.views-exposed-form--preview {
    margin-top: 0
}

.views-exposed-form__item.views-exposed-form__item {
    max-width: 100%;
    margin: .75rem .5rem 0 0
}

[dir=rtl] .views-exposed-form__item.views-exposed-form__item {
    margin-right: 0;
    margin-left: .5rem
}

.views-exposed-form__item--preceding-actions.views-exposed-form__item--preceding-actions {
    margin-right: 1rem
}

[dir=rtl] .views-exposed-form__item--preceding-actions.views-exposed-form__item--preceding-actions {
    margin-right: 0;
    margin-left: 1rem
}

.views-exposed-form__item--actions.views-exposed-form__item--actions .button {
    margin-top: 0;
    margin-bottom: 0
}

.views-exposed-form__item--actions.views-exposed-form__item--actions .button:last-child {
    margin-right: 0
}

[dir=rtl] .views-exposed-form__item--actions.views-exposed-form__item--actions:last-child {
    margin-left: 0
}

.views-exposed-form .form-item--no-label, .views-exposed-form__item.views-exposed-form__item.views-exposed-form__item--actions {
    margin-top: 2.375rem
}

.progress:after {
    display: table;
    clear: both;
    content: ""
}

.progress--small .progress__track {
    height: calc(.5rem - 2px)
}

.progress--small .progress__bar {
    width: calc(.5rem - 2px);
    min-width: calc(.5rem - 2px);
    height: calc(.5rem - 2px)
}

.progress--small .progress__label {
    font-size: .889rem
}

.progress__track {
    height: calc(1rem - 2px);
    margin-top: 0;
    border: 1px #919297 solid;
    border-radius: 1rem;
    background-color: #d3d4d9
}

.progress__bar {
    width: calc(1rem - 2px);
    min-width: calc(1rem - 2px);
    height: calc(1rem - 2px);
    margin-top: -1px;
    margin-left: -1px;
    transition: width .5s ease-out;
    border: 1px #003ecc solid;
    border-radius: 1rem;
    background-color: #003ecc
}

[dir=rtl] .progress__bar {
    margin-right: -1px;
    margin-left: 0
}

@media screen and (-ms-high-contrast: active) {
    .progress__bar {
        background-color: windowText
    }
}

@media (forced-colors: active) {
    .progress__bar {
        background-color: canvastext
    }
}

.progress__label {
    margin-bottom: .5rem;
    font-size: 1rem;
    font-weight: 700
}

.progress__description, .progress__percentage {
    overflow: hidden;
    margin-top: .5rem;
    color: #55565b;
    font-size: .79rem
}

@media screen and (prefers-reduced-motion: reduce) {
    .progress__bar {
        transition: none
    }
}

html {
    font-size: 16px
}

@media screen and (min-width: 1199px) {
    html {
        font-size: 20px
    }
}

body {
    background-color: #fff;
    background-image: none;
    
}

html[lang=bg] body, html[lang=vi] body {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 400
}

.container-custom {
    max-width: 1440px !important;
    margin: auto;
    width: 100%
}

@media (min-width: 992px) {
    .container-custom {
        padding: 0 !important
    }
}

.title-1 {
    font-size: 4rem !important;
    font-family: "neue_haas_grotesk_display35Th", Helvetica, Arial, sans-serif !important;
    /*line-height: 100% !important*/
}

html[lang=bg] .title-1, html[lang=vi] .title-1 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

@media screen and (max-width: 1180px) {
    html[lang=vi] .title-1 {
        font-weight: 400 !important
    }
}

.title-2 {
    font-size: 3.5rem !important;
    font-family: "neue_haas_grotesk_display35Th", Helvetica, Arial, sans-serif !important;
    line-height: 100% !important
}

html[lang=bg] .title-2, html[lang=vi] .title-2 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

@media screen and (max-width: 1180px) {
    html[lang=vi] .title-2 {
        font-weight: 400 !important
    }
}

.heading-1 {
    font-size: 3rem !important;
    font-family: "neue_haas_grotesk_display35Th", Helvetica, Arial, sans-serif !important;
    line-height: 112% !important
}

html[lang=bg] .heading-1, html[lang=vi] .heading-1 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

@media screen and (max-width: 1180px) {
    html[lang=vi] .heading-1 {
        font-weight: 400 !important
    }
}

.heading-2 {
    font-size: 2.5rem !important;
    font-family: "neue_haas_grotesk_display35Th", Helvetica, Arial, sans-serif !important;
    line-height: 112% !important
}

html[lang=bg] .heading-2, html[lang=vi] .heading-2 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

@media screen and (max-width: 1180px) {
    html[lang=vi] .heading-2 {
        font-weight: 400 !important
    }
}

.heading-3 {
    font-size: 2rem !important;
    font-family: "neue_haas_grotesk_display45Lt", Helvetica, Arial, sans-serif !important;
    line-height: 120% !important
}

html[lang=bg] .heading-3, html[lang=vi] .heading-3 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

@media screen and (max-width: 1180px) {
    html[lang=vi] .heading-3 {
        font-weight: 400 !important
    }
}

.heading-4 {
    font-size: 1.5rem !important;
    font-family: "neue_haas_grotesk_display45Lt", Helvetica, Arial, sans-serif !important;
    line-height: 120% !important
}

html[lang=bg] .heading-4, html[lang=vi] .heading-4 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

@media screen and (max-width: 1180px) {
    html[lang=vi] .heading-4 {
        font-weight: 400 !important
    }
}

.heading-5 {
    font-size: 1.25rem !important;
    font-family: "neue_haas_grotesk_display45Lt", Helvetica, Arial, sans-serif !important;
    line-height: 120% !important
}

html[lang=bg] .heading-5, html[lang=vi] .heading-5 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

@media screen and (max-width: 1180px) {
    html[lang=vi] .heading-5 {
        font-weight: 400 !important
    }
}

.paragraph-1 {
    font-size: 1rem !important;
   
    line-height: 140% !important
}

html[lang=bg] .paragraph-1, html[lang=vi] .paragraph-1 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 400
}

.paragraph-2, p {
/*font-size: .75rem !important;*/
   
    /*line-height: 125% !important*/
}

html[lang=bg] .paragraph-2, html[lang=vi] .paragraph-2, html[lang=bg] p, html[lang=vi] p {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 400
}

.paragraph-2-bold {
/*font-size: .75rem !important;*/
    font-family: "neue_haas_grotesk_display75Bd", Helvetica, Arial, sans-serif !important;
    /*line-height: 125% !important*/
}

html[lang=bg] .paragraph-2-bold, html[lang=vi] .paragraph-2-bold {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 600
}

.section-home-header {
    position: relative;
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center
}

.section-home-header-js {
    height: 150vh
}

@media (min-width: 676px) {
    .section-home-header {
        overflow: hidden
    }
}

@media (min-width: 676px) and (max-width: 899px) {
    .section-home-header-js {
        height: 160vh
    }
}

.section-home-header.padding-top {
    padding-top: 2rem
}

.home-header-container {
    position: relative;
    display: flex;
    width: 100%;
    height: 100vh;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #000
}

.home-header-container.padding-top {
    padding-top: 2rem
}

.home-header-video {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    height: 100%
}

.home-header-sustainable {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    flex: 0 0 auto;
    font-size: 60px;
    line-height: 1.5;
    mix-blend-mode: lighten;
    will-change: auto;
    overflow: hidden
}

@media screen and (max-width: 1180px) {
    html[lang=vi] .home-header-large {
        font-weight: 400 !important
    }
}

.home-header-large {
    font-family: "neue_haas_grotesk_display35Th", Helvetica, Arial, sans-serif;
    position: relative;
    color: #000;
    font-size: 56px;
    line-height: 100%;
    text-align: center
}

html[lang=bg] .home-header-large, html[lang=vi] .home-header-large {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

@media screen and (max-width: 576px) {
    html[lang=bg] .home-header-large, html[lang=vi] .home-header-large {
        font-size: 48px !important
    }
}

@media screen and (min-width: 1199px) {
    .home-header-large {
        font-size: 70px
    }
}

@media screen and (min-width: 1199px) {
    .home-header-large {
        font-size: 70px
    }
}

@media screen and (min-width: 1600px) {
    .home-header-large {
        font-size: 2.4vw;
    }

    html[lang=bg] .home-header-large, html[lang=vi] .home-header-large {
        font-size: 50px
    }
}

.home-header-large.is-left {
    padding: 0 20px
}
.home-header-large.is-right img{
    filter: invert(100%);
}
.home-header-large.is-right .p1 {
     font-size:7vw;

}
.home-header-large.is-right .p2 {
    font-size:4vw;
    text-transform: capitalize;
    margin-top: 1.5vw;
}

.home-header-large {
    line-height: 1
}

.home-header-container:before {
    content: "";
    background-image: url("../images/banner1.jpg");
    background-size: cover;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .7
}

.home-header-container {
    position: relative
}

#mask-bg {
    mask: url(https://www.aes.com/sites/aes.com/files/css/optimized/%23mask)
}

.home-header-video video, h1#sustainable {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
}

h1#sustainable {
    font-family: "neue_haas_grotesk_displa95Blk", Helvetica, Arial, sans-serif !important;
    font-size: 100px;
    line-height: 60%;
    letter-spacing: -.02em;
    text-transform: lowercase
}

html[lang=bg] h1#sustainable, html[lang=vi] h1#sustainable {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 700;
    font-size: 60px
}

@media screen and (min-width: 768px) {
    h1#sustainable {
        font-size: 220px
    }

    html[lang=bg] h1#sustainable, html[lang=vi] h1#sustainable {
        font-size: 120px
    }
}

@media screen and (min-width: 1199px) {
    h1#sustainable {
        font-size: 10vw;
        text-transform: uppercase;
    }

    html[lang=bg] h1#sustainable, html[lang=vi] h1#sustainable {
        font-size: 234px
    }

    html[lang=pt-br] h1#sustainable {
        font-size: 300px
    }
}

video {
    -o-object-fit: cover;
    object-fit: cover
}

.video {
    background: #6495ed no-repeat fixed;
    background-image: url("https://www.aes.com/themes/custom/aes_redesign2/css/components/ezgif.com-video-to-gif.gif");
    background-size: cover;
    position: relative;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0
}

h1#sustainable {
    font-weight: 900;
    line-height: 100vh;
    text-align: center;
    display: flex;
    justify-content: center;
    /* flex-direction: column; */
    align-items: center;
}
h1#sustainable img{
    margin: 0 auto;
}

.n-video, .r-video, .g-video, .y-video, .e-video {
    display: none
}

h1#sustainable span {
    display: block
}

.main-header-first.active-transition {
    transform: inherit !important;
    translate: inherit !important
}

.main-header-first .transition-menu {
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    margin-top: 0
}

.main-header-first .transition-menu.hidden-block {
    margin-top: -100px;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s
}

.header--scrolled .main-header.main-header-first, .main-header.main-header-second {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 99;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.overlay-show .header--scrolled .main-header.main-header-first, .overlay-show .main-header.main-header-second {
    z-index: 1
}

.banner-image-title h2 {
    padding-left: 20px;
    width: 100vw;
    color: #fff;
    font-style: normal;
    line-height: 100%;
    color: #fff;
    text-shadow: 0px 0px 20px rgba(0, 0, 0, .12)
}

@media screen and (max-width: 575.9px) {
    .banner-image-title h2 {
        font-size: 2.9rem !important
    }
}

@media screen and (min-width: 1199px) {
    .banner-image-title h2 {
        padding-left: 126px
    }
}

.banner-image-title h2 span {
    color: #9e70ff
}

.block-inline-blockblock-banner-2-column-with-media {
    margin-bottom: 80px
}

.header--scrolled .main-header-first:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 85px;
    background: rgba(0, 0, 0, .2);
    filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    -moz-filter: blur(2px);
    -webkit-filter: blur(2px);
    backdrop-filter: blur(2px);
    top: 0
}

.header-inner {
    position: relative;
    z-index: 9
}

.scroll-icon {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center
}

.scroll-icon img {
    width: 109px;
    position: fixed;
    bottom: 0
}

.gradient {
    height: 9px;
    background-image: linear-gradient(to right, #3250fc, #9e70ff, #2aceeb, #2cbf38);
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 44
}

.gradient.gradient-js {
    z-index: 999
}

.btn-cta {
    --bg-opacity: 1;
    background-color: rgba(33, 74, 222, var(--bg-opacity));
    --text-opacity: 1;
    color: rgba(255, 255, 255, var(--text-opacity));
    display: inline-flex;
    align-items: center;
    padding: 17px 35px;
    line-height: 1.25;
    border-radius: 9999px;
    cursor: pointer;
    transition-property: background-color, border-color, color, fill, stroke;
    transition-duration: .3s;
    text-decoration: none;
    font-size: 16px;
    font-family: "neue_haas_grotesk_display65Md", Helvetica, Arial, sans-serif
}

html[lang=bg] .btn-cta, html[lang=vi] .btn-cta {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 600
}

.btn-cta:hover {
    color: #fff
}

.btn-cta:after {
    content: "";
    background-image: url();
    background-size: 100%;
    height: 16px;
    width: 21px;
    display: inline-block;
    background-repeat: no-repeat;
    margin-left: 8px;
    position: relative;
    right: -10px
}

.header--scrolled .section-home-header .main-header {
    height: 100vh
}

.header--scrolled .section-home-header .main-header-first header {
    background-color: transparent
}

.header--scrolled .section-home-header .main-header-first header .site-branding__logo img {
    filter: brightness(0) invert(1)
}

.header--scrolled .section-home-header .main-header-first header .menu-level-0 > li > a {
    color: #fff !important
}

.header--scrolled .section-home-header .main-header-first .OpenMenuButton:after, .header--scrolled .section-home-header .main-header-first .OpenButton:after {
    color: #fff
}

.header--scrolled .section-home-header .main-header-first:hover header {
    background-color: #fff
}

.header--scrolled .section-home-header .main-header-first:hover header .site-branding__logo img {
    filter: none
}

.header--scrolled .section-home-header .main-header-first:hover header .menu-level-0 > li > a {
    color: #000 !important
}

.header--scrolled .section-home-header .main-header-first:hover .OpenMenuButton:after, .header--scrolled .section-home-header .main-header-first:hover .OpenButton:after {
    color: #000
}

.home-header-wrapper {
    position: absolute;
    bottom:20%;
}

.home-header-wrapper .home-header-text {
    width: 102%;
    max-width: 102%;
    margin-top: 5rem;
    margin-bottom: 2rem;
    opacity: 0
}

@media screen and (min-width: 768px) {
    .home-header-wrapper .home-header-text {
        margin-top: 6rem;
        margin-bottom: 6rem
    }
}

@media screen and (min-width: 1200px) {
    .home-header-wrapper .home-header-text {
        margin-top: 7rem;
        margin-bottom: 7rem;
        visibility: hidden
    }
}

@media screen and (min-width: 1600px) {
    .home-header-wrapper .home-header-text {
        margin-top: 9rem;
        margin-bottom: 9rem;
        visibility: hidden
    }
}

.image-hover {
    overflow: hidden
}

.image-hover img {
    width: 100%;
    transition: .7s all ease-in-out
}

.image-hover:hover img {
    transform: scale(1.1)
}

.page-node-type-landing-page .block-inline-blockblock-full-content-with-cta {
    padding: 0 .75rem
}

@media screen and (max-width: 768px) {
    .bg_logo{
        max-width: 90% !important;
        width: 35vw !important;
    }
    .home-header-wrapper {
       bottom:30%;
    }
    .home-header-large.is-right .p1{
        font-size: 48px;
    }
    .home-header-large.is-right .p2{
        font-size: 32px;
        margin-top: 15px;
    }
    .banner_video video{
        object-fit: cover;
    }
}




.banner-image-title {
    position: relative;
    width: 100%;
    height: 100vh
}

.banner-image-title h2 {
    position: absolute;
    width: 100%;
    bottom: 56px;
    left: 0
}

@media screen and (min-width: 768px) {
    .banner-image-title h2 {
        bottom: 80px
    }
}

@media screen and (min-width: 1400px) {
    .banner-image-title h2 {
        bottom: 104px
    }
}

.page-node-type-landing-page .layout--threecol-section--33-34-33 .aes-video {
    padding: 0 .6rem
}

.landing-btn-solid {
    padding: .5rem 1.5rem
}

@media screen and (max-width: 576) {
    .landing-btn-solid {
        margin-top: 1rem
    }
}

.hollow-button-landing {
    padding: .5rem 1.5rem;
    color: #214ade;
    border: 2px solid #214ade;
    text-decoration: none !important
}

.hollow-button-landing:hover {
    border: 2px solid #8c5cf2;
    color: #8c5cf2 !important;
    text-decoration: none
}

.objective-cta:hover {
    background-color: #8c5cf2;
    border-color: #8c5cf2
}

.banner-image-title-js h2 {
    opacity: 0
}

html[lang=vi] .hide-for-vi, html[lang=pt-br] .hide-for-vi {
    opacity: 0 !important;
    visibility: hidden !important
}

html {
    font-size: 16px
}

@media screen and (min-width: 1199px) {
    html {
        font-size: 20px
    }
}

body {
    background-color: #fff;
    background-image: none;
    /*  */
}

html[lang=bg] body, html[lang=vi] body {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 400
}

.container-custom {
    max-width: 1440px !important;
    margin: auto;
    width: 100%
}

@media (min-width: 992px) {
    .container-custom {
        padding: 0 !important
    }
}

.title-1 {
    font-size: 4rem !important;
    font-family: "neue_haas_grotesk_display35Th", Helvetica, Arial, sans-serif !important;
    /*line-height: 100% !important*/
}

html[lang=bg] .title-1, html[lang=vi] .title-1 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

.title-2 {
    font-size: 3.5rem !important;
    font-family: "neue_haas_grotesk_display35Th", Helvetica, Arial, sans-serif !important;
    line-height: 100% !important
}

html[lang=bg] .title-2, html[lang=vi] .title-2 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

.heading-1 {
    font-size: 3rem !important;
    font-family: "neue_haas_grotesk_display35Th", Helvetica, Arial, sans-serif !important;
    line-height: 112% !important
}

html[lang=bg] .heading-1, html[lang=vi] .heading-1 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

.heading-2 {
    font-size: 2.5rem !important;
    font-family: "neue_haas_grotesk_display35Th", Helvetica, Arial, sans-serif !important;
    line-height: 112% !important
}

html[lang=bg] .heading-2, html[lang=vi] .heading-2 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

.heading-3 {
    font-size: 2rem !important;
    font-family: "neue_haas_grotesk_display45Lt", Helvetica, Arial, sans-serif !important;
    line-height: 120% !important
}

html[lang=bg] .heading-3, html[lang=vi] .heading-3 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

.heading-4 {
    font-size: 1.5rem !important;
    font-family: "neue_haas_grotesk_display45Lt", Helvetica, Arial, sans-serif !important;
    line-height: 120% !important
}

html[lang=bg] .heading-4, html[lang=vi] .heading-4 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

.heading-5 {
    font-size: 1.25rem !important;
    font-family: "neue_haas_grotesk_display45Lt", Helvetica, Arial, sans-serif !important;
    line-height: 120% !important
}

html[lang=bg] .heading-5, html[lang=vi] .heading-5 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

.paragraph-1 {
    font-size: 1rem !important;
   
    line-height: 140% !important
}

html[lang=bg] .paragraph-1, html[lang=vi] .paragraph-1 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 400
}

.paragraph-2, p {
    /*font-size: .75rem !important;*/
   
    /*line-height: 125% !important*/
}

html[lang=bg] .paragraph-2, html[lang=vi] .paragraph-2, html[lang=bg] p, html[lang=vi] p {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 400
}

.paragraph-2-bold {
/*font-size: .75rem !important;*/
    font-family: "neue_haas_grotesk_display75Bd", Helvetica, Arial, sans-serif !important;
    /*line-height: 125% !important*/
}

html[lang=bg] .paragraph-2-bold, html[lang=vi] .paragraph-2-bold {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 600
}

header.main {
    height: 80px;
    display: flex;
    align-items: center;
    padding-left: 1.75rem;
    padding-right: 1.75rem;
    background-color: #fff;
    position: relative;
    z-index: 1
}

@media (max-width: 1023.9px) {
    header.main .navigation .menu-level-0 > li {
        margin-top: .8rem;
        margin-bottom: .8rem
    }
}

header.main .navigation .menu-level-0 > li > a, header.main .navigation .menu-level-0 > li > span {
    margin: 1rem 0
}

@media (max-width: 1023.9px) {
    header.main .navigation .menu-level-0 > li > a, header.main .navigation .menu-level-0 > li > span {
        margin: 0;
        font-size: 1.25rem !important;
        line-height: 1.6rem !important
    }
}

header.main .navigation .menu-level-0 > li > a:focus, header.main .navigation .menu-level-0 > li > span:focus {
    outline: 0
}

@media (max-width: 1023.9px) {
    header.main .navigation {
        display: none;
        position: fixed;
        background-color: #f5f5f5;
        width: 100%;
        left: 0;
        height: 100vh;
        top: 0;
        padding-top: 4rem;
        padding-left: 2rem;
        padding-right: 2rem;
        z-index: 9
    }
}

header.main .navigation.close {
    display: block
}

header.main .navigation > ul {
    display: flex;
    list-style-type: none;
    flex-direction: column
}

@media (max-width: 1023.9px) {
    header.main .navigation > ul {
        height: 100%;
        overflow: hidden auto;
        margin: 1.8rem auto !important
    }
}

@media (min-width: 676px) {
    header.main .navigation > ul {
        width: 93%
    }
}

@media (min-width: 1024px) {
    header.main .navigation > ul {
        flex-direction: row;
        margin-bottom: 0;
        align-items: center;
        width: 100%
    }
}

header.main .navigation > ul li {
    font-size: 1rem
}

header.main .navigation > ul > li {
    font-size: 1rem;
    margin-top: .8rem;
    position: relative
}

@media (min-width: 1024px) {
    header.main .navigation > ul > li {
        font-size: .9rem;
        margin: 0 1.2rem
    }
}

header.main .navigation > ul > li ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

header.main .navigation > ul > li ul.menu--level-2 {
    display: block
}

@media (min-width: 1024px) {
    header.main .navigation > ul > li ul.menu--level-2 {
        display: none;
        position: absolute;
        padding-top: .75rem;
        top: 100%;
        padding: 1.5rem 1.5rem 2rem;
        --bg-opacity: 1;
        background-color: rgba(255, 255, 255, var(--bg-opacity));
        min-width: 200px;
        box-shadow: rgba(0, 0, 0, .06) 0px 4px 24px;
        --transform-translate-y: 0;
        --transform-rotate: 0;
        --transform-skew-x: 0;
        --transform-skew-y: 0;
        --transform-scale-x: 1;
        --transform-scale-y: 1;
        transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
        --transform-translate-x: -4.5rem
    }
}

header.main .navigation > ul > li ul.menu--level-2 > a {
    font-weight: 700
}

header.main .navigation > ul a {
    font-size: .9rem;
    line-height: 1.5;
    display: inline-block;
    text-decoration: none
}

header.main .navigation > ul a:hover {
    color: #214ade !important
}

@media (min-width: 1024px) {
    header.main .navigation > ul:hover ul {
        display: block
    }
}

@media (max-width: 1023.9px) {
    header.main .navigation ul.menu--level-1 li.menu__item--has-children {
        position: relative
    }
}

header.main .navigation ul.menu--level-1 li.menu__item--has-children:hover > ul, header.main .navigation ul.menu--level-1 li.menu__item--has-children:hover .dropdown {
    z-index: 9
}

@media (min-width: 1024px) {
    header.main .navigation ul.menu--level-1 li.menu__item--has-children:hover > ul, header.main .navigation ul.menu--level-1 li.menu__item--has-children:hover .dropdown {
        display: block
    }
}

@media (max-width: 1023.9px) {
    header.main .navigation ul.menu--level-1 > li.menu__item--has-children:after {
        content: "";
        position: absolute;
        width: 20px;
        height: 20px;
        top: 0;
        right: 0;
        background-repeat: no-repeat;
        background-image: url("")
    }
}

@media (max-width: 1023.9px) {
    header.main .navigation ul.menu--level-1 > li.menu__item--has-children > ul {
        display: none
    }
}

@media (max-width: 1023.9px) {
    header.main .navigation ul.menu--level-1 > li.menu__item--has-children > ul.show {
        display: block
    }
}

@media (max-width: 1023.9px) {
    header.main .navigation ul.menu--level-1 > li > a {
        font-size: 1rem;
        line-height: 2rem
    }
}

@media (min-width: 1024px) {
    header.main .navigation ul.menu--level-1 > li > a {
        margin: 25px 0
    }
}

@media (min-width: 1024px) {
    header.main .navigation ul.menu--level-2 > li {
        padding-left: 3rem;
        width: 18rem
    }
}

header.main .navigation ul.menu--level-3 {
    display: block
}

.mobile-icon {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.mobile-icon .mobile-branding__logo img {
    height: 24px
}

@media (min-width: 1023.9px) {
    .mobile-icon .mobile-branding__logo {
        display: none
    }
}

.footer_primary .mobile-icon {
    display: none
}

.site-branding {
    display: inline-block;
    position: relative;
    margin-right: 2rem
}

.site-branding .site-branding__logo img {
    height: 24px
}

.footer-main .site-branding .site-branding__logo img {
    height: 24px
}

.menu--level-1 .menu__item--has-children ul.menu--level-2 > li > a {
    font-weight: 900 !important
}

.wrapper-flex {
    margin: auto;
    display: flex;
    align-items: center;
    position: static
}

@media (min-width: 1024px) {
    .wrapper-flex {
        position: relative
    }
}

.custum_menu li label {
    display: none
}

.main .menu-icon {
    color: #767676;
    font-size: 1.75rem;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0
}

.main .menu-icon {
    display: none
}

.main input[type=checkbox] {
    display: none
}

.toggle-btn {
    display: block;
    width: 24px;
    margin-left: 0;
    cursor: pointer;
    order: 2
}

@media (min-width: 1024px) {
    .toggle-btn {
        display: none
    }
}

.section-home-header header.main {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999
}

@media (max-width: 1024px) {
    header.main .navigation > ul > li .menu-dropdown-0 > .menu-level-1 {
        margin-top: .8rem;
        padding-left: .8rem
    }
}

header.main .navigation ul.menu-level-1 > .menu-item--expanded > a, header.main .navigation ul.menu-level-1 > .menu-item--expanded > span {
    font-family: "neue-haas-grotesk-text", Helvetica, Arial, sans-serif !important;
    font-weight: 700
}

html[lang=bg] header.main .navigation ul.menu-level-1 > .menu-item--expanded > a, html[lang=vi] header.main .navigation ul.menu-level-1 > .menu-item--expanded > a, html[lang=bg] header.main .navigation ul.menu-level-1 > .menu-item--expanded > span, html[lang=vi] header.main .navigation ul.menu-level-1 > .menu-item--expanded > span {
    font-family: Helvetica, Arial, sans-serif !important
}

header.main .navigation .menu .menu-item--active-trail > a {
    color: #214ade !important;
    border-bottom: 2px solid #214ade !important
}

.main-header.main-header-second.transition-menu.active-transition {
    opacity: 1 !important;
    transform: translate(0px, 0px);
    transition: all .5s
}

.main-header.main-header-second.transition-menu.active-transition.hidden-blocks {
    opacity: 0;
    visibility: hidden;
    display: block !important;
    transition: all .5s
}

html {
    font-size: 16px
}

@media screen and (min-width: 1199px) {
    html {
        font-size: 20px
    }
}

body {
    background-color: #fff;
    background-image: none;
    /*  */
}

html[lang=bg] body, html[lang=vi] body {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 400
}

.container-custom {
    max-width: 1440px !important;
    margin: auto;
    width: 100%
}

@media (min-width: 992px) {
    .container-custom {
        padding: 0 !important
    }
}

.title-1 {
    font-size: 4rem !important;
    font-family: "neue_haas_grotesk_display35Th", Helvetica, Arial, sans-serif !important;
    /*line-height: 100% !important*/
}

html[lang=bg] .title-1, html[lang=vi] .title-1 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

.title-2 {
    font-size: 3.5rem !important;
    font-family: "neue_haas_grotesk_display35Th", Helvetica, Arial, sans-serif !important;
    line-height: 100% !important
}

html[lang=bg] .title-2, html[lang=vi] .title-2 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

.heading-1 {
    font-size: 3rem !important;
    font-family: "neue_haas_grotesk_display35Th", Helvetica, Arial, sans-serif !important;
    line-height: 112% !important
}

html[lang=bg] .heading-1, html[lang=vi] .heading-1 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

.heading-2 {
    font-size: 2.5rem !important;
    font-family: "neue_haas_grotesk_display35Th", Helvetica, Arial, sans-serif !important;
    line-height: 112% !important
}

html[lang=bg] .heading-2, html[lang=vi] .heading-2 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

.heading-3 {
    font-size: 2rem !important;
    font-family: "neue_haas_grotesk_display45Lt", Helvetica, Arial, sans-serif !important;
    line-height: 120% !important
}

html[lang=bg] .heading-3, html[lang=vi] .heading-3 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

.heading-4 {
    font-size: 1.5rem !important;
    font-family: "neue_haas_grotesk_display45Lt", Helvetica, Arial, sans-serif !important;
    line-height: 120% !important
}

html[lang=bg] .heading-4, html[lang=vi] .heading-4 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

.heading-5 {
    font-size: 1.25rem !important;
    font-family: "neue_haas_grotesk_display45Lt", Helvetica, Arial, sans-serif !important;
    line-height: 120% !important
}

html[lang=bg] .heading-5, html[lang=vi] .heading-5 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

.paragraph-1 {
    font-size: 1rem !important;
   
    line-height: 140% !important
}

html[lang=bg] .paragraph-1, html[lang=vi] .paragraph-1 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 400
}

.paragraph-2, p {
/*font-size: .75rem !important;*/
   
    /*line-height: 125% !important*/
}

html[lang=bg] .paragraph-2, html[lang=vi] .paragraph-2, html[lang=bg] p, html[lang=vi] p {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 400
}

.paragraph-2-bold {
/*font-size: .75rem !important;*/
    font-family: "neue_haas_grotesk_display75Bd", Helvetica, Arial, sans-serif !important;
    /*line-height: 125% !important*/
}

html[lang=bg] .paragraph-2-bold, html[lang=vi] .paragraph-2-bold {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 600
}

.footer_main .menu, header.main .menu {
    margin-left: 0 !important
}

.footer_main .menu__item, header.main .menu__item {
    list-style-type: none
}

.footer_main .menu__link, header.main .menu__link {
    display: inline-block;
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
    text-decoration: none;
    font-size: .9rem;
    line-height: 1.5
}

.footer_main .menu__link:hover, header.main .menu__link:hover {
    --text-opacity: 1;
    color: #214ade;
    color: rgba(33, 74, 222, var(--text-opacity))
}

.footer_main .menu__link--level-2--nolink, header.main .menu__link--level-2--nolink {
    font-size: 1rem
}

.menu-close img {
    height: 24px
}

@media (min-width: 1024px) {
    .menu-close {
        display: none
    }
}

.arrow-icon {
    display: none
}

@media (min-width: 1024px) {
    .arrow-icon {
        display: none
    }
}

header.main {
    z-index: 90
}

header.main li {
    list-style-type: none
}

@media (max-width: 1023.94px) {
    header.main .navigation .menu-level-0 .menu-item--expanded {
        position: relative
    }

    header.main .navigation .menu-level-0 .menu-item--expanded:after {
        content: "";
        position: absolute;
        width: 13px;
        height: 13px;
        top: 0;
        right: 0;
        margin-top: 8px;
        background-repeat: no-repeat;
        background-image: url()
    }
}

header.main .navigation .menu-level-0 .menu-item--expanded a, header.main .navigation .menu-level-0 .menu-item--expanded span {
    font-size: .9rem;
    line-height: 1.5;
    display: inline-block;
    text-decoration: none;
    --text-opacity: 1;
    color: rgba(0, 0, 0, var(--text-opacity))
}

header.main .navigation .menu-level-0 .menu-item--expanded a:hover, header.main .navigation .menu-level-0 .menu-item--expanded span:hover {
    --text-opacity: 1;
    color: #214ade;
    color: rgba(33, 74, 222, var(--text-opacity))
}

header.main .navigation .menu-level-0 .menu-item--expanded > .menu-dropdown-0 {
    position: absolute;
    top: 99% !important
}

@media (max-width: 1024px) {
    header.main .navigation .menu-level-0 .menu-item--expanded > .menu-dropdown-0 {
        position: initial;
        top: 0;
        padding: 0 !important
    }
}


@media (max-width: 1024px) {
    .our_product {
        display: none
    }
}

.messages--warning {
    margin: .8rem 0
}

.messages--status {
    display: none
}

.layout-builder-form .pop--up-modal {
    display: flex;
    align-items: baseline
}

.layout-builder-form .pop--up-modal .form-item-moderation-state-0-state {
    margin-left: .8rem
}

@media (max-width: 400px) {
    .layout-builder-form .pop--up-modal .form-item-moderation-state-0-state {
        margin: 0
    }
}

@media (max-width: 400px) {
    .layout-builder-form .pop--up-modal {
        display: block
    }
}

header.main li, header.main span, header.main a {
    font-family: "neue_haas_grotesk_disp55roman", Helvetica, Arial, sans-serif;
    font-size: .9rem;
    line-height: 1rem
}

html[lang=bg] header.main li, html[lang=vi] header.main li, html[lang=bg] header.main span, html[lang=vi] header.main span, html[lang=bg] header.main a, html[lang=vi] header.main a {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 400
}

header.main .navigation .menu-level-0 .menu-item a, header.main .navigation .menu-level-0 .menu-item span {
    font-size: 1rem;
    line-height: 1.5;
    display: inline-block;
    text-decoration: none;
    --text-opacity: 1;
    color: rgba(0, 0, 0, var(--text-opacity))
}

header.main .navigation .menu-level-0 .menu-item a:hover {
    --text-opacity: 1;
    color: #214ade;
    color: rgba(33, 74, 222, var(--text-opacity))
}

html {
    font-size: 16px
}



html[lang=bg] body, html[lang=vi] body {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 400
}

.container-custom {
    max-width: 1440px !important;
    margin: auto;
    width: 100%
}

@media (min-width: 992px) {
    .container-custom {
        padding: 0 !important
    }
}

.title-1 {
    font-size: 4rem !important;
    font-family: "neue_haas_grotesk_display35Th", Helvetica, Arial, sans-serif !important;
    /*line-height: 100% !important*/
}

html[lang=bg] .title-1, html[lang=vi] .title-1 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

.title-2 {
    font-size: 3.5rem !important;
    font-family: "neue_haas_grotesk_display35Th", Helvetica, Arial, sans-serif !important;
    line-height: 100% !important
}

html[lang=bg] .title-2, html[lang=vi] .title-2 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

.heading-1 {
    font-size: 3rem !important;
    font-family: "neue_haas_grotesk_display35Th", Helvetica, Arial, sans-serif !important;
    line-height: 112% !important
}

html[lang=bg] .heading-1, html[lang=vi] .heading-1 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

.heading-2 {
    font-size: 2.5rem !important;
    font-family: "neue_haas_grotesk_display35Th", Helvetica, Arial, sans-serif !important;
    line-height: 112% !important
}

html[lang=bg] .heading-2, html[lang=vi] .heading-2 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

.heading-3 {
    font-size: 2rem !important;
    font-family: "neue_haas_grotesk_display45Lt", Helvetica, Arial, sans-serif !important;
    line-height: 120% !important
}

html[lang=bg] .heading-3, html[lang=vi] .heading-3 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

.heading-4 {
    font-size: 1.5rem !important;
    font-family: "neue_haas_grotesk_display45Lt", Helvetica, Arial, sans-serif !important;
    line-height: 120% !important
}

html[lang=bg] .heading-4, html[lang=vi] .heading-4 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

.heading-5 {
    font-size: 1.25rem !important;
    font-family: "neue_haas_grotesk_display45Lt", Helvetica, Arial, sans-serif !important;
    line-height: 120% !important
}

html[lang=bg] .heading-5, html[lang=vi] .heading-5 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 300
}

.paragraph-1 {
    font-size: 1rem !important;
   
    line-height: 140% !important
}

html[lang=bg] .paragraph-1, html[lang=vi] .paragraph-1 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 400
}

.paragraph-2, p {
/*font-size: .75rem !important;*/
   
    /*line-height: 125% !important*/
}

html[lang=bg] .paragraph-2, html[lang=vi] .paragraph-2, html[lang=bg] p, html[lang=vi] p {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 400
}

.paragraph-2-bold {
/*font-size: .75rem !important;*/
    font-family: "neue_haas_grotesk_display75Bd", Helvetica, Arial, sans-serif !important;
    /*line-height: 125% !important*/
}

html[lang=bg] .paragraph-2-bold, html[lang=vi] .paragraph-2-bold {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 600
}

.OpenMenuButton {
    padding: .8rem;
    position: relative;
    margin-right: 10px;
    margin-left: auto;
    display: flex
}

.OpenMenuButton:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    top: 18px;
    left: 8px;
    background-repeat: no-repeat;
    cursor: pointer;
    background-image: url("")
}

.OpenMenuButton:after {
    content: "My AES";
    cursor: pointer;
    line-height: 1.5;
    font-size: .8rem;
    padding-left: .8rem;
    color: #000
}

.OpenMenuButton:focus {
    outline: -webkit-focus-ring-color auto 5px;
    border-radius: 9999px
}

@media (max-width: 1279.9px) {
    .OpenMenuButton {
        width: 20px;
        height: 20px;
        margin-right: 30px;
        padding: unset
    }

    .OpenMenuButton:after {
        display: none
    }

    .OpenMenuButton:before {
        top: 0;
        left: 0
    }
}

.DrawerMenu, .drawer-section {
    width: 400px;
    visibility: hidden;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    --bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    --transform-translate-y: 0;
    --transform-rotate: 0;
    --transform-skew-x: 0;
    --transform-skew-y: 0;
    --transform-scale-x: 1;
    --transform-scale-y: 1;
    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
    --transform-translate-x: 100%;
    transition-property: all;
    transition-duration: .3s;
    z-index: 99;
    box-shadow: rgba(0, 0, 0, .06) -4px 0px 48px 2px
}

@media (min-width: 1600px) {
    .DrawerMenu, .drawer-section {
        width: 414px
    }
}

@media (max-width: 767.98px) {
    .DrawerMenu, .drawer-section {
        width: 100%
    }
}

.DrawerMenu.show, .drawer-section.show {
    visibility: visible;
    opacity: 1;
    --transform-translate-x: 0
}

.DrawerMenu .close-btn, .drawer-section .close-btn {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    top: 30px;
    right: 25px;
    padding: 8px;
    background-repeat: no-repeat;
    cursor: pointer;
    z-index: 99;
    background-image: url("")
}

.DrawerMenu .close-btn:hover, .drawer-section .close-btn:hover {
    outline: 2px solid #000;
    outline-offset: 5px
}

.toolbar-fixed.toolbar-tray-open:not(.toolbar-vertical) .DrawerMenu, .toolbar-fixed.toolbar-tray-open:not(.toolbar-vertical) .drawer-section {
    top: 80px
}

.DrawerMenu.location_drawer li, .drawer-section.location_drawer li {
    display: flex;
    align-items: center;
    width: 100%;
    height: 64px;
    --bg-opacity: 1;
    background-color: rgba(245, 245, 245, var(--bg-opacity));
    padding-left: .8rem;
    padding-right: .8rem;
    justify-content: space-between
}

.DrawerMenu.location_drawer li a, .drawer-section.location_drawer li a {
    color: #000;
    text-decoration: none
}

.DrawerMenu.location_drawer .links {
    margin-top: 4rem;
    margin-right: .8rem
}

.DrawerMenu.location_drawer .links li a {
    position: relative;
    width: 100%;
    padding: 0 0 0 3.5rem
}

.DrawerMenu.location_drawer .links li a:before {
    content: "";
    position: absolute;
    display: block;
    background-image: url("../../../../themes/custom/aes_custom/images/icons/aes-logo.svg");
    background-repeat: no-repeat;
    width: 60px;
    height: 30px;
    top: 0;
    left: 0
}

.DrawerMenu.location_drawer .links li a:after {
    content: "";
    position: absolute;
    display: block;
    background-image: url("../../../../themes/custom/aes_custom/images/icons/icon-next.svg");
    background-repeat: no-repeat;
    color: rgba(245, 245, 245, var(--text-opacity));
    width: 8px;
    height: 14px;
    top: 6px;
    right: 0
}

.OpenButton {
    padding: .8rem;
    position: relative;
    margin-right: .5rem;
    display: flex;
    font-size: .8rem
}

.OpenButton:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    top: 16px;
    left: -6px;
    background-repeat: no-repeat;
    cursor: pointer;
    background-image: url("")
}

.OpenButton:focus {
    outline: -webkit-focus-ring-color auto 5px;
    border-radius: 9999px
}

@media (max-width: 1279.9px) {
    .OpenButton {
        width: 20px;
        height: 20px;
        margin-right: 1.5rem;
        padding: unset;
        margin-left: 0
    }

    .openButtonText {
        display: none
    }

    .OpenButton:before {
        top: 0;
        left: 0
    }

    .SecondDrawerMenu .close-btn {
        background-image: none
    }
}

.SecondDrawerMenu {
    width: 400px;
    visibility: hidden;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    --bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    --transform-translate-y: 0;
    --transform-rotate: 0;
    --transform-skew-x: 0;
    --transform-skew-y: 0;
    --transform-scale-x: 1;
    --transform-scale-y: 1;
    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
    --transform-translate-x: 100%;
    transition-property: all;
    transition-duration: .3s;
    z-index: 99;
    box-shadow: rgba(0, 0, 0, .06) -4px 0px 48px 2px
}

@media (min-width: 1600px) {
    .SecondDrawerMenu {
        width: 415px
    }
}

@media (max-width: 767.98px) {
    .SecondDrawerMenu {
        width: 100%
    }
}

.SecondDrawerMenu.show {
    visibility: visible;
    opacity: 1;
    --transform-translate-x: 0
}

.SecondDrawerMenu .close-btn {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    top: 30px;
    right: 25px;
    padding: .4rem;
    background-repeat: no-repeat;
    cursor: pointer;
    z-index: 99;
    background-image: url("")
}

.SecondDrawerMenu .close-btn:hover {
    outline: 2px solid #000;
    outline-offset: 5px
}

.toolbar-fixed.toolbar-tray-open:not(.toolbar-vertical) .SecondDrawerMenu {
    top: 80px
}

.SecondDrawerMenu.location_drawer li {
    display: flex;
    align-items: center;
    width: 100%;
    height: 64px;
    --bg-opacity: 1;
    background-color: rgba(245, 245, 245, var(--bg-opacity));
    padding-left: .8rem;
    padding-right: .8rem;
    justify-content: space-between
}

.SecondDrawerMenu.location_drawer li a {
    color: #000;
    text-decoration: none
}

.SecondDrawerMenu.language_drawer .links {
    margin-top: 4rem;
    margin-right: .8rem
}

.SecondDrawerMenu.language_drawer .links li a {
    position: relative;
    width: 100%;
    padding: 0 0 0 3.5rem
}

.SecondDrawerMenu.language_drawer .links li a:before {
    content: "";
    position: absolute;
    display: block;
    background-image: url("../../../../themes/custom/aes_custom/images/icons/aes-logo.svg");
    background-repeat: no-repeat;
    width: 60px;
    height: 30px;
    top: 0;
    left: 0
}

.SecondDrawerMenu.language_drawer .links li a:after {
    content: "";
    position: absolute;
    display: block;
    background-image: url("../../../../themes/custom/aes_custom/images/icons/icon-next.svg");
    background-repeat: no-repeat;
    color: rgba(245, 245, 245, var(--text-opacity));
    width: 8px;
    height: 14px;
    top: 6px;
    right: 0
}

.block-my-aes-block .block__content {
    height: 100vh;
    overflow: auto
}

.block-my-aes-block .block__content .location-title {
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
    color: #000
}

.block-my-aes-block .block__content a {
    display: flex;
    position: relative;
    align-items: center;
    width: 100%;
    height: 64px;
    --bg-opacity: 1;
    background-color: rgba(245, 245, 245, var(--bg-opacity));
    padding-left: .8rem;
    padding-right: .8rem;
    justify-content: space-between
}

.block-my-aes-block .block__content a .arrow-icon img {
    width: 8px
}

.block-my-aes-block .block__content a:before {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    top: 27px;
    right: 9px;
    background-repeat: no-repeat;
    background-image: url()
}

.block-my-aes-block .block__content a:focus {
    outline: solid 2px #000;
    outline-offset: 2px;
    z-index: 9
}

.block-my-aes-block .block__content a .logo {
    padding: .8rem
}

.block-my-aes-block .block__content a .logo img {
    height: 24px
}

.block-my-aes-block .block__content a .logo:focus {
    padding: .8rem 3rem;
    line-height: 1.25;
    border-radius: 9999px;
    padding-left: .8rem;
    padding-right: .8rem;
    outline: -webkit-focus-ring-color auto 5px
}

.block-my-aes-block .block__content .close-section {
    height: 80px;
    display: flex;
    width: 100%;
    --bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    height: 5rem;
    justify-content: flex-end;
    padding: .8rem;
    box-shadow: rgba(0, 0, 0, .06) -4px 0px 24px 2px
}

.block-my-aes-block .block__content .content {
    padding: .8rem
}

.block-language-switcher .block__content {
    height: 100vh;
    overflow: auto
}

@media (min-width: 1024.98px) {
    .block-language-switcher .language-switch .language-list-wrapper {
        margin-bottom: 1.6rem
    }
}

.block-language-switcher .language-switch .language-list-wrapper .language-list {
    display: flex;
    justify-content: space-between;
    margin-bottom: .5rem
}

.block-language-switcher .language-switch .language-list-wrapper .language-list > div {
    color: #000;
    font-weight: 500
}

.block-language-switcher .language-switch .location-title {
    margin-bottom: 1.2rem;
    font-size: 1rem;
    color: #000
}

.block-language-switcher .language-switch .close-section {
    height: 80px;
    display: flex;
    width: 100%;
    --bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    height: 80px;
    justify-content: flex-end;
    padding: .8rem;
    box-shadow: rgba(0, 0, 0, .06) -4px 0px 24px 2px
}

.block-language-switcher .language-switch .content {
    padding: .8rem
}

.block-language-switcher .language-switch .content p.active-callout {
    font-size: .8rem;
    font-weight: 700;
    color: #000
}

.block-language-switcher .language-switch .content .text-xs {
    font-size: .6rem
}

.block-language-switcher .language-switch .content .text-neutrals-black {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity))
}

.block-language-switcher .language-switch .content .no-underline {
    text-decoration: none
}

.block-language-switcher .language-switch .content .inline {
    display: inline
}

.block-language-switcher .language-switch .content .mx-1 {
    margin-left: .25rem;
    margin-right: .25rem
}

.block-language-switcher .language-switch .content .aes_local {
    margin-bottom: 1.6rem;
    margin-right: -10px
}

.menu-overlay {
    position: fixed;
    width: 100vw;
    height: 100%;
    background: rgba(0, 0, 0, .3);
    left: 0;
    top: 0;
    cursor: default;
    display: none;
    z-index: 1
}

body.overlay-show .menu-overlay {
    display: block
}

@media (max-width: 414px) {
    .block-my-aes-block .block__content .location-title {
        margin-left: 1.6rem
    }
}

.searchButton {
    padding: 1rem;
    position: relative;
    margin-right: 10px;
    z-index: 1;
    display: flex;
    font-size: .8rem
}

.searchButton:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    top: 21px;
    left: -5px;
    background-repeat: no-repeat;
    cursor: pointer;
    background-image: url("")
}

.searchButton:focus {
    outline: -webkit-focus-ring-color auto 5px;
    border-radius: 9999px
}

@media (max-width: 1279.9px) {
    .searchButton {
        width: 20px;
        height: 20px;
        margin-right: 30px;
        padding: unset
    }

    .searchButton:after {
        display: none
    }

    .searchButton:before {
        top: 0;
        left: 0
    }
}

.SearchDrawerMenu {
    width: 400px;
    visibility: hidden;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    --bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    --transform-translate-y: 0;
    --transform-rotate: 0;
    --transform-skew-x: 0;
    --transform-skew-y: 0;
    --transform-scale-x: 1;
    --transform-scale-y: 1;
    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
    --transform-translate-x: 100%;
    transition-property: all;
    transition-duration: .3s;
    z-index: 99;
    box-shadow: rgba(0, 0, 0, .06) -4px 0px 48px 2px
}

@media (min-width: 1600px) {
    .SearchDrawerMenu {
        width: 415px
    }
}

@media (max-width: 767.98px) {
    .SearchDrawerMenu {
        width: 100%
    }
}

.SearchDrawerMenu.show {
    visibility: visible;
    opacity: 1;
    --transform-translate-x: 0
}

.SearchDrawerMenu .searchclose-btn {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    top: 30px;
    right: 25px;
    padding: 8px;
    background-repeat: no-repeat;
    cursor: pointer;
    z-index: 99;
    background-image: url("")
}

.SearchDrawerMenu .close-btn:hover {
    outline: 2px solid #000;
    outline-offset: 5px
}

.toolbar-fixed.toolbar-tray-open:not(.toolbar-vertical) .SearchDrawerMenu {
    top: 80px
}

.SearchDrawerMenu.search_drawer li {
    display: flex;
    align-items: center;
    width: 100%;
    height: 64px;
    --bg-opacity: 1;
    background-color: rgba(245, 245, 245, var(--bg-opacity));
    padding-left: .8rem;
    padding-right: .8rem;
    justify-content: space-between
}

.SearchDrawerMenu.search_drawer li a {
    color: #000;
    text-decoration: none
}

.SearchDrawerMenu {
    height: 100vh
}

.SearchDrawerMenu.search_drawer .links {
    margin-top: 4rem;
    margin-right: .8rem
}

.SearchDrawerMenu.search_drawer .links li a {
    position: relative;
    width: 100%;
    padding: 0 0 0 3.5rem
}

.SearchDrawerMenu.search_drawer .links li a:before {
    content: "";
    position: absolute;
    display: block;
    background-image: url("../../../../themes/custom/aes_custom/images/icons/aes-logo.svg");
    background-repeat: no-repeat;
    width: 60px;
    height: 30px;
    top: 0;
    left: 0
}

.SearchDrawerMenu.search_drawer .links li a:after {
    content: "";
    position: absolute;
    display: block;
    background-image: url("../../../../themes/custom/aes_custom/images/icons/icon-next.svg");
    background-repeat: no-repeat;
    color: rgba(245, 245, 245, var(--text-opacity));
    width: 8px;
    height: 14px;
    top: 6px;
    right: 0
}

.SearchDrawerMenu .close-section {
    height: 80px !important;
    display: flex;
    width: 100%;
    --bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    height: 4rem;
    justify-content: flex-end;
    padding: .8rem;
    box-shadow: rgba(0, 0, 0, .06) -4px 0px 24px 2px
}

.SearchDrawerMenu .views-exposed-form__item.views-exposed-form__item--preceding-actions.js-form-item.form-item.js-form-type-textfield.form-type--textfield.js-form-item-search.form-item--search {
    margin: 1rem 0 0 !important
}

.SearchDrawerMenu .block__title {
    display: none
}

.SearchDrawerMenu .block__content {
    padding: .8rem
}

.SearchDrawerMenu .block__content form {
    display: inline-grid;
    width: 100%
}

.SearchDrawerMenu .block__content form .form-item__label {
    font-size: 2rem;
    margin-bottom: 1rem;
    font-family: "neue_haas_grotesk_display45Lt", Helvetica, Arial, sans-serif !important;
    font-weight: 500
}

.SearchDrawerMenu .block__content form input {
    width: 100%;
    min-height: 2rem !important;
    line-height: .5rem !important;
    padding: 0 .5rem
}

.SearchDrawerMenu .block__content form input::placeholder {
    opacity: .6;
    letter-spacing: 1px;
    font-weight: 600;
    font-family: "neue_haas_grotesk_display45Lt", Helvetica, Arial, sans-serif !important
}

.SearchDrawerMenu .block__content form #edit-actions, .SearchDrawerMenu .block__content form .form-actions {
    width: 100%;
    margin-top: 1rem
}

.SearchDrawerMenu .block__content form #edit-actions .button, .SearchDrawerMenu .block__content form .form-actions .button {
    color: #fff;
    box-shadow: none;
    background: #214ade;
    padding: 10px;
    border-radius: 15px;
    font-weight: 500;
    font-size: 16px;
    border: none;
    height: 2rem;
    margin: 0
}

.SearchDrawerMenu .block__content form #edit-actions .button:hover, .SearchDrawerMenu .block__content form .form-actions .button:hover {
    background-color: #000
}

.SearchDrawerMenu .block__content #iv2k {
    width: 100% !important;
    padding: 0 !important
}

.path-frontpage .SearchDrawerMenu .block__content .bootstrap-styles .justify-content-center {
    margin: 0 !important
}

html[lang=es] .OpenMenuButton:after {
    content: "Mi AES"
}

.color-success {
    color: #325e1c;
    background-color: #f3faef
}

.color-warning {
    color: #734c00;
    background-color: #fdf8ed
}

.color-error {
    color: #a51b00;
    background-color: #fcf4f2
}

@media screen and (max-width: 1024px){
    .title-1{
        line-height: inherit;
    }
    .home-header-large{
        font-size: 30px;
    }
    .home-header-large.is-right{
        font-size: 24px;
    }
    h1#sustainable{
        font-size: 50px;
        text-transform: uppercase;
    }
}

